Естен Ербол : HTML5 Тег білімдері - 3

admin 2018-08-11 ℃ Қысқаша

Естен Ербол : HTML5 Тег білімдері - 3...

Сайттағы барлық жобалар тегін қолданысқа берілген, жоба авторы Естен Ербол

HTML5 Тег білімдері - 3

<21> <li>

Сипаттамасы

Тег <li> тізімнің жеке элементін көрсетеді. <ul> немесе <ol> сыртқы тегтер тізімнің түрін анықтайды – маркировкаланған немесе нөмірленген.

Code:

Esten Tech

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Тег LI</title>
</head>
<body>
<ul>
<li>Бірінші</li>
<li>Екінші</li>
<li>Үшінші</li>
</ul>
</body>
</html>

Мысалға:

Кодты іске қосуды тұртып Кодтың құбылысын көре аласыз

<22> <link>

Сипаттамасы

Сыртқы құжатпен байланысты орнатады. Файлды стильдермен немесе қаріптермен байланыстырғандай. <a> тегіне қарағанда<link> тегі <head> конттейнерінің ішінде орналасады, сілтеме жасамайды.

<23> <main>

Сипаттамасы

Элемент <main> негізгі құжат мазмұнын анықтайды. Мазмұны ерекше болуы тиіс. Онда түрге қатысты блоктар болмауы керек. Мәселен, сайттың шапкасы, сайт асты , навигациясы, жиегіндегі панель, іздеу түрі және т.б..

Code:

Esten Tech

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>main</title>
</head>
<body>
<h1>Следы невиданных зверей</h1>
<main>
История о том, как возле столовой появились загадочные розовые
следы с шестью пальцами, и почему это случилось.
</main>
</body>
</html>

Мысалға:

Кодты іске қосуды тұртып Кодтың құбылысын көре аласыз

<24> <map>

Сипаттамасы

Тег <map>карт-бейне саласындағы белсенділікті анықтайтын <area> элементтері үшін контейнер боп қызмет етеді. Мұндай саланы бейнедегі көзге көрінбес аумақтары анықтайды. Олар HTML-құжатқа сілтеме жасап отырады. <map>тегін пайдаланудың басты мақсаты - <img>тегін клиенттің карта-бейнесімен байланыстыру. Бұл байланыс usemap атрибуты беретін <img> тегі мен name атрибуты орнататын <map> тегінде бірегей идентификатор қолдану үшін керек.

<25> <marquee>

Сипаттамасы

Тег <marquee> беттегі жылжымалы жолақты жасайды. Негізінде <marquee> контейнерінің мазмұны жолақпен шектелмейді, ол веб-парақшаның барлық элементін – бейнені, мәтінді, кестені, пішін элементін көшіруге мүмкіндік туғызады. Көшіруді тек көлденең емес, тікелей жасауға болады. Ондай кезде қозғалыс жасалатын саланың мөлшері көрсетіледі.

Бастапқыда <marquee> тегі тек Internet Explorer браузері үшін жасалған. Алайда заманауи браузерлердің жаңаша нұсқалары оны қабылдап, қолданып отырады.

Code:

Esten Tech

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Тег MARQUEE</title>
</head>
<body>
<marquee behavior="alternate" direction="left" bgcolor="#ffcc00">
Esten Tech
</marquee>
</body>
</html>

Мысалға:

Кодты іске қосуды тұртып Кодтың құбылысын көре аласыз

<26> <mark>

Сипаттамасы

Тег <mark> мәтінді арнайы белгілеп отырады. Мұндай мәтіннің қарапайым мәтіннен еш айырмасы жоқ. Алайда оның түрін стильдің көмегімен өзгертуге болады. Chrome және Firefox браузерлерінде мәтіннің фон түрі <mark> тегінің ішінде сары түспен белгіленеді.

Code:

Esten Tech

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>mark</title>
<style>
mark {
background: #ffec82;
padding: 0 3px;
border: 1px dashed #333;
}
</style>
</head>
<body>
<header>
<h1>Следы невиданных зверей</h1>
</header>
<article>
История о том, как возле столовой появились загадочные розовые
следы с <mark>шестью пальцами</mark>, и почему это случилось.
</article>
</body>
</html>

Мысалға:

Кодты іске қосуды тұртып Кодтың құбылысын көре аласыз

<27> <menu>

Сипаттамасы

Тег <menu> мәзір тарауларындағы тізімді көрсетуге арналған.<menu> контейнерінің ішіндегі <ol>және<ul> тегтері сияқты бұл тізім <li> тегінің көмегімен қалыптасады.

HTML4-те <menu> тегі қолданыстан шықты. Оның орнына <ul> тегін қолдану кеңес етілді. HTML5-ке <menu> тегі қайтадан қосылды. Бірақ басқа сапада жүзеге асады. Енді ол <command>тегіне контейнер ретінде және мәзір жасауға көмектеседі.

Code:

Esten Tech

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Тег MENU</title>
</head>
<body>
<p><strong>Esten Tech:</strong></p>
<menu>
<li>Esten Tech -1</li>
<li>Esten Tech -2</li>
<li>Esten Tech -3</li>
<li>Esten Tech -4</li>
<li>Esten Tech -5</li>
</menu>
</body>
</html>

Мысалға:

Кодты іске қосуды тұртып Кодтың құбылысын көре аласыз

<28> <meta>

Сипаттамасы

Code:

Esten Tech

<!DOCTYPE HTML>
<html>
<head>
<title>Тег META</title>
<meta charset="utf-8">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
</head>
<body>
<p>...</p>
</body>
</html>

Мысалға:

Кодты іске қосуды тұртып Кодтың құбылысын көре аласыз

<29> <meter>

Сипаттамасы

Белгілі бір диапазонға мағынаны шығарып көрсетіп тұрады. Көбінесе сандары бар мағынаны көрсетеді. Мысалы, іздеудің санын, сұйықтықтың көлемін, қысымның артуын деген сияқты.

Code:

Esten Tech

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>meter</title>
</head>
<body>
<p>Температура воды</p>
<meter value="0" max="100" low="10" high="60">Низкая</meter>
<meter value="30" max="100" low="10" high="60">Нормальная</meter>
<meter value="80" max="100" low="10" high="60">Горячая</meter>
<meter value="100" max="100">Кипяток</meter>
</body>
</html>

Мысалға:

Кодты іске қосуды тұртып Кодтың құбылысын көре аласыз

<30> <nav>

Сипаттамасы

Тег <nav> сайт бойынша навигацияны беріп отырады. Егер парақшада бірнеше сілтемелер бөлімдері болса, онда <nav>-ты әдетте басқы сілтемелерге енгізеді. Құжатта бірнеше <nav> тегін қолдануға болады. <nav>-ты <address>-тің ішіне енгізуге болмайды.

Code:

Esten Tech

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>nav</title>
</head>
<body>
<header>
<h1>Авторлық сайт</h1>
</header>
<nav><a href="http://www.esten.kz">Санат</a> | <a href="http://www.esten.kz">Санат</a> |
<a href="http://www.esten.kz">Санат</a> | <a href="http://www.esten.kz4.html">Санат</a></nav>
<article>
<h2>Авторлық сайт</h2>
</article>
</body>
</html>

Мысалға:

Кодты іске қосуды тұртып Кодтың құбылысын көре аласыз

<31> <noembed>

Сипаттамасы

Тег <noembed> веб-парақшадағы ақпаратты көрсетуге бағытталған. Егер браузер плагинді ашып тұрса. Басқа кезде <noembed> контейнерінің мазмұны қабылданбайды.

Плагин дегеніміз браузерге қосылатын бағдарламалық модуль, ол браузердің мүмкіндігін ұлғайтады. Мәселен, плагин деп Flash, QuickTimeVR, VRML және т.б. қолдайтындығын айтуға болады.

Code:

Esten Tech