HTML сөздүк
Тег | Анын аталышы | Анын аныктамасы | Аттрибуттары | Мисалы | Мисалдын коду | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
<a> | Шилтеме | Сырткы же ички ресуртарга шилтеме | href, target, download, rel, hreflang, type | Googleга шилтеме |
<a href="http://google.com" target="_blank">Googleга шилтеме</a> |
||||||||||||
<abbr> | Аббревиатура | Кыскартылган сөздөрдүн толук маанисин жаза аласыздар | КР |
<abbr title="Кыргызстан">КР</abbr> |
|||||||||||||
<address> | Адрес | Кандайдыр адрести жазыш учун колдонулат. Адамдарга айрымасы байкалбайт, бирок браузер жана башка интернеттеги роботторго айрысвлвганы жардам берет. | Кыргызстан, Бишкек, ул. Ленина 1 |
<address>Кыргызстан, Бишкек, ул. Ленина 1</address> |
|||||||||||||
<area> | Айланма | Бул тег көрүнбөйт, бирок бир айламаны баса ала турган кылып берет. Мисалы сүрөттүн ичиндеги элементти бир нерсеге шилгиниз келсе бул тег менен колдоносуз. | alt, coords, download, href, hreflang, ping, referrerpolicy, rel, shape, target, type |
<area alt="Кыргызстан" coords="0,0,82,126" shape="rect" href="http://js.kg" target="_blank"> |
|||||||||||||
<article> | Макала | Бул тег адрес тегине окшош эле адам көзүнө эч кандай артыкчылык бербейт. Браузер жана робот гана көрө алат. Биз бул тегтин ичиндеги тексти макала деп роботко түшүндүрө алабыз | <article>Макала</article> |
||||||||||||||
<aside> | Түшүндүрмө | Бул тег текстеги түшүндүрмөну берет. Бир макаланын ичинде темага туз тиешелу эмес же бир нерсеге түшүндүрмө берген тексти биз ушул тег менен көмөгө бөлүп койсок болот. Hidden атрибуту булт тегдин ичиндеги тексти бекитип коет. | hidden | <aside hidden>Hello</aside> |
|||||||||||||
<audio> | Аудио | Бул тег аудио форматтагы файлдарды колдонуучуга плеер катары көрсөтөт. | autoplay, controls, crossorigin, loop, muted, preload, src |
<audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> Технологиялардын сизден талаптары бардык браузерлерде жүргүзүлөт. </audio> |
|||||||||||||
<b> | Семиз текст | Тексти семиз кылып берет | Семиз | <b>Жапсырма</b> |
|||||||||||||
<base> | База | Бул тег <a> тегине тийиштүү. Эгерден шилтемеде базалык шилтемеси берилген эмес болсо (шилтеме http белгиден башталбаса) бул тег базаны берет. Img теги ушундай эле иштейт. | href, target | <base href="http://js.kg" target="_blank"><a href="/">Js KG</a> |
|||||||||||||
<bdi> | Биди | Бул тег текстин багытынан карабай тексти туура коет. Кыргызчада текст солдон онго карай жазылат бирок арабчада текст он дактан башталат. Эгерден кыргызча текстердин ичине арабча текст коем десенер анда ушул тегди иштетиниз керек | Биди | <bdi>Биди </bdi> |
|||||||||||||
<bdo> | Бидо | Бул элемент бидиге окшош эле ар кандай багыттагы тексти камтый алат, бирок кошумча алардын багытан дагы өзгөртө алат | dir | Бидо | <bdo dir="rtl">Бидо</bdo> |
||||||||||||
<blockquote> | Цитата | Бул тег макала тегине окшоп көзгө башка текст контейнерлеринен айрымаланбайт. Бирок роботко билинет. Жана бул тегти бир интернет булакты же авторун шилтеп койгону мүмкүнчүлүк берет. | cite | Цитата |
<blockquote cite="http://js.kg">Цитата</blockquote> |
||||||||||||
<body> | Бет | html тилинин сервистик теги деп атап койсок болот. Жазып жаткан сайтыбыздын козго көрунгөн тегдерин камтыйт. Head тегинин ичинде жазылган код көзгө көрүнбөйт. | Бет | <body>Бет</body> |
|||||||||||||
<br> | Бош жер | Тексти кийнки сапка өткөрөт | Биринчи сап Экинчи Үчүнчү |
Биринчи сап<br>Экинчи<br>Үчүнчү |
|||||||||||||
<button> | Баскыч | Кадинки баскыч. Түшүндүрмө кереги жок | autofocus, disabled, form, formaction, formenctype, formmethod, formnovalidate, formtarget, name, type, value | <button>Баскыч</button> |
|||||||||||||
<canvas> | Канвас | Каалаган элементти код менен тартканы мүмкүнчүлүк берет | height, width | <canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;"> |
|||||||||||||
<caption> | Жадыбал аталышы | Жадыбал теги ачылгандан кийин аталышы ушул тег менен коюлат |
|
<table border="1"> <caption>Мисал</caption> <tr> <th>Мисал</th> <th>Мисал</th> </tr> <tr> <td>Мисал</td> <td>Мисал</td> </tr> </table> |
|||||||||||||
<cite> | Аталыш | Белгилүү чыгарманын аталышын көрөтөт. | Жамиля Чынгыз Айтматов |
<p><cite>Жамиля</cite> Чынгыз Айтматов<p/> |
|||||||||||||
<code> | Код | Коддун көрүнүшүн өзгөрбөй экарнга чыгырып берет | const hello = "hello world" |
<code>const hello = "hello world"</code> |
|||||||||||||
<col> | Колонка | Жадыбалдагы колонкаларды аныктайт | span |
|
<table> <colgroup> <col span="2" style="background-color:red"> <col style="background-color:yellow"> </colgroup> <tr> <th>Мисал</th> <th>Мисал</th> <th>Мисал</th> </tr> <tr> <td>Мисал</td> <td>Мисал</td> <td>Мисал</td> </tr> </table> |
||||||||||||
<colgroup> | Колонкалар топтому | Колонкалар топтому берет | span |
|
<table> <colgroup> <col span="2" style="background-color:red"> <col style="background-color:yellow"> </colgroup> <tr> <th>Мисал</th> <th>Мисал</th> <th>Мисал</th> </tr> <tr> <td>Мисал</td> <td>Мисал</td> <td>Мисал</td> </tr> </table> |
||||||||||||
<data> | Маалымат | Маалыматты берет | value | Маалымат | <data value="1000">Маалымат</data> |
||||||||||||
<datalist> | Маалымат тизмеси | Маалымат тизмесин берет |
<input list="browsers"> <datalist id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> <option value="Chrome"> <option value="Opera"> <option value="Safari"> </datalist> |
||||||||||||||
<dd> | Толук аныктама | Толук аныктаманы берет |
|
<dl> <dt>Толук аныктама</dt> <dd>Толук аныктама</dd> </dl> |
|||||||||||||
<del> | Өчүрүлгөн | Өчүрүлгөндү берет | cite, datetime |
<del cite="http://google.com" datetime="2021-09-01">Өчүрүлгөн</del> |
|||||||||||||
<details> | Эч кандай | Эч кандайды берет | open |
Эч кандайЭч кандай |
<details> <summary>Эч кандай</summary> Эч кандай </details> |
||||||||||||
<dfn> | Аныктама | Аныктаманы берет | Аныктама |
<dfn>Аныктама</dfn> |
|||||||||||||
<dialog> | Диалог | Диалогду берет | open |
<dialog open>Диалог</dialog> |
|||||||||||||
<div> | Див | Дивди берет | Див |
<div>Див</div> |
|||||||||||||
<dl> | Толук аныктама | Толук аныктаманы берет |
|
<dl> <dt>Толук аныктама</dt> <dd>Толук аныктама</dd> </dl> |
|||||||||||||
<dt> | Толук аныктама | Толук аныктаманы берет |
|
<dl> <dt>Толук аныктама</dt> <dd>Толук аныктама</dd> </dl> |
|||||||||||||
<em> | Эмфаза | Эмфазаны берет | Эмфаза |
<em>Эмфаза</em> |
|||||||||||||
<embed> | Эмбед | Эмбедди берет | height, src, type, width |
<embed src="helloworld.swf" width="550" height="400"> |
|||||||||||||
<fieldset> | Көрсөткүч | Көрсөткүчтү берет |
<fieldset> <legend>Көрсөткүч</legend> Көрсөткүч </fieldset> |
||||||||||||||
<figcaption> | Фигуралардын аныктамасы | Фигуралардын аныктамасын берет |
|
<figure> <img src="pic.jpg" alt="Trulli" style="width:100%"> <figcaption>Фигуралардын аныктамасы</figcaption> </figure> |
|||||||||||||
<figure> | Фигура | Фигураны берет |
|
<figure> <img src="pic.jpg" alt="Trulli" style="width:100%"> <figcaption>Фигуралардын аныктамасы</figcaption> </figure> |
|||||||||||||
<footer> | Төмөнкү бөлүм | Төмөнкү бөлүмдү берет |
<footer>Төмөнкү бөлүм</footer> |
||||||||||||||
<form> | Форма | Форманы берет | accept-charset, action, autocomplete, enctype, method, name, novalidate, rel, target |
<form action="http://google.com" method="get"> <input type="text" name="search"> <input type="submit" value="Издөө"> </form> |
|||||||||||||
<h1> | Баштапкы сызык | Баштапкы сызыкты берет | Баштапкы сызык |
<h1>Баштапкы сызык</h1> |
|||||||||||||
<h2> | Баштапкы сызык | Баштапкы сызыкты берет | Баштапкы сызык |
<h2>Баштапкы сызык</h2> |
|||||||||||||
<h3> | Баштапкы сызык | Баштапкы сызыкты берет | Баштапкы сызык |
<h3>Баштапкы сызык</h3> |
|||||||||||||
<h4> | Баштапкы сызык | Баштапкы сызыкты берет | Баштапкы сызык |
<h4>Баштапкы сызык</h4> |
|||||||||||||
<h5> | Баштапкы сызык | Баштапкы сызыкты берет | Баштапкы сызык |
<h5>Баштапкы сызык</h5> |
|||||||||||||
<h6> | Баштапкы сызык | Баштапкы сызыкты берет | Баштапкы сызык |
<h6>Баштапкы сызык</h6> |
|||||||||||||
<head> | Баш | Башты берет | Баш |
<head>Баш</head> |
|||||||||||||
<header> | Баш бөлүм | Баш бөлүмдү берет |
<header>Баш бөлүм</header> |
||||||||||||||
<hr> | Көлөм | Көлөмдү берет |
<hr> |
||||||||||||||
<html> | HTML | HTMLди берет | HTML |
<html>HTML</html> |
|||||||||||||
<i> | Курсив | Курсивди берет | Курсив |
<i>Курсив</i> |
|||||||||||||
<iframe> | Айланма | Айланманы берет | height, name, sandbox, seamless, src, srcdoc, width |
<iframe src="https://js.kg" title="Бекер сайт хостинг"></iframe> |
|||||||||||||
<img> | Сүрөт | Сайтка сүрөт коюучу тег | alt, crossorigin, height, importance, intrinsicsize, ismap, loading, referrerpolicy, sizes, src, srcset, usemap, width |
<img src="pic.jpg" alt="аныктама" style="width:100%"> |
|||||||||||||
<input> | Киргизүү | Текстти кодко киргизгени жардам берет | accept, alt, autocomplete, autofocus, checked, dirname, disabled, form, formaction, formenctype, formmethod, formnovalidate, formtarget, height, list, max, maxlength, min, minlength, multiple, name, pattern, placeholder, readonly, required, size, src, step, type, value, width |
<input type="text" name="search"> |
|||||||||||||
<ins> | Өзгөрүлгөн | Жаны өзгөрүлгөн тексти көрсөтөт | cite, datetime | Кирүү |
<ins cite="http://google.com" datetime="2021-09-01">Кирүү</ins> |
||||||||||||
<kbd> | Клавиатура | Терилген текст | Клавиатура |
<kbd>Клавиатура</kbd> |
|||||||||||||
<label> | Ат | Бир башка тегке аталышын экранга чыгарат | for, form |
<label>Мисал</label> |
|||||||||||||
<legend> | Кошмо | Бир нече тегтерди кошуп бир топ кылып коросотот |
<fieldset> <legend>Көрсөткүч</legend> Көрсөткүч </fieldset> |
||||||||||||||
<li> | Тизме элементи | Тизмедеги ар бир элементти берет | value |
|
<ul> <li>Тизме</li> <li>Тизме</li> <li>Тизме</li> </ul> |
||||||||||||
<link> | Байланыш | Биздин азыркы баракчабызды башка баракчага байланыштырат | as, crossorigin, href, hreflang, imagesizes, imagesrcset, integrity, media, referrerpolicy, rel, sizes, title, type |
<link rel="stylesheet" href="style.css"> |
|||||||||||||
<main> | Негизги бөлүм | Негизги бөлүмдү роботко көрсөтөт |
<main>Негизги бөлүм</main> |
||||||||||||||
<map> | Карталар | Карталарды берет | name |
![]() |
<img src="workplace.jpg" alt="Workplace" usemap="#workmap" width="400" height="379"> <map name="workmap"> <area title="Бул компьютер" shape="rect" coords="34,44,270,350" alt="Computer" href="computer.htm"> <area title="Бул телефон" shape="rect" coords="290,172,333,250" alt="Phone" href="phone.htm"> <area title="Бул кофе" shape="circle" coords="337,300,44" alt="Cup of coffee" href="coffee.htm"> </map> |
||||||||||||
<mark> | Маркер | Тандалган тексти айланасынан айрымалантып берет | Маркер |
<mark>Маркер</mark> |
|||||||||||||
<meta> | Мета | Көзгө көрүнбөйт. head тегинде жазылат. Роботко баракча эмне сыпааттарга таандык экенин түшүндүрүп берет. | charset, content, http-equiv, name |
<meta charset="UTF-8"> |
|||||||||||||
<meter> | Метр | Өлчөмдү көрсөтөт | form, high, low, max, min, optimum, value |
<meter value="2" min="0" max="10">2 out of 10</meter> |
|||||||||||||
<nav> | Навигация | роботко навигацияны белгилейт. |
<nav>Навигация</nav> |
||||||||||||||
<noscript> | Скрипт жок | javascript жок болгондо пайда болот |
<noscript> <p>Скрипт жок болгондо</p> </noscript> |
||||||||||||||
<object> | Объект | Объектти берет | data, form, height, name, type, usemap, width |
<object data="pic_trulli.jpg" width="400" height="400"> |
|||||||||||||
<ol> | Тизме | Саналуу тизме | reversed, start, type |
|
<ol> <li>Тизме</li> <li>Тизме</li> <li>Тизме</li> </ol> |
||||||||||||
<optgroup> | Тандоо топтому | Тандоодогу бир нече элементтерди топтом кылып көрсөтөт | disabled, label |
<select> <optgroup label="Аталыш"> <option value="1">Аталыш</option> <option value="2">Аталыш</option> </optgroup> <optgroup label="Аталыш"> <option value="3">Аталыш</option> <option value="4">Аталыш</option> </optgroup> </select> |
|||||||||||||
<option> | Тандоо | Тандоо опциясы | disabled, label, selected, value |
<select> <option value="1">Аталыш</option> <option value="2">Аталыш</option> <option value="3">Аталыш</option> <option value="4">Аталыш</option> </select> |
|||||||||||||
<output> | Чыгым | Чыгымды көрсөтөт | for, form, name |
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)"> <input type="range" id="a" value="50"> +<input type="number" id="b" value="50"> =<output name="x" for="a b"> </form> |
|||||||||||||
<p> | Абзац | Абзац | Абзац |
<p>Абзац</p> |
|||||||||||||
<param> | Параметр | Параметрди берет | name, value |
<object data="pic.jpg" width="200" height="200"> <param name="autoplay" value="true"> </object> |
|||||||||||||
<picture> | Сүрөт | Сүрөттү көрсөтөт |
|
<picture> <source media="(min-width: 650px)" srcset="img_pink_flowers.jpg"> <source media="(min-width: 465px)" srcset="img_white_flower.jpg"> <img src="img_orange_flowers.jpg" alt="Flowers" style="width:auto;"> </picture> |
|||||||||||||
<pre> | Өзгөртүлсүз | Ичинде жазылган кодду же тексти өзгртүлсүз көрсөтөт |
<p>Предефинированный</p> |
<pre> <p>Предефинированный</p> </pre> |
|||||||||||||
<progress> | Прогресс | Прогресс | max, value |
<progress value="22" max="100"> |
|||||||||||||
<q> | Цитата | Цитата | cite | Цитата |
<q cite="http://google.com">Цитата</q> |
||||||||||||
<rp> | Иероглиф окулушу | 漢 |
<ruby>漢 <rp>(</rp><rt>kan</rt><rp>)</rp></ruby> |
||||||||||||||
<rt> | Иероглиф окушулу | 漢 |
<ruby>漢 <rp>(</rp><rt>kan</rt><rp>)</rp></ruby>td> | ||||||||||||||
<ruby> | Иероглиф контейнери | 漢 |
<ruby>漢 <rp>(</rp><rt>kan</rt><rp>)</rp></ruby> |
||||||||||||||
<s> | Сызык | Сызылган текст |
<s>Сызык</s> |
||||||||||||||
<samp> | Код | Код | Код |
<samp>Код</samp> |
|||||||||||||
<script> | Скрипт | Баракчага скрипт кошот | async, crossorigin, defer, integrity, nomodule, nonce, referrerpolicy, src, type |
<div id="demo"></div> <script> document.getElementById("demo").innerHTML = "Hello JavaScript!"; </script> |
|||||||||||||
<section> | Бөлүм | Бөлүмдү белгилейт |
<section>Бөлүм</section> |
||||||||||||||
<select> | Тандоо | Тандоону белгилейт | autofocus, disabled, form, multiple, name, required, size |
<select> <option value="1">Аталыш</option> <option value="2">Аталыш</option> <option value="3">Аталыш</option> <option value="4">Аталыш</option> </select> |
|||||||||||||
<small> | Кичине | Текстти кичине кылып жазат | Кичине |
<small>Кичине</small> |
|||||||||||||
<source> | Булак | Видео же аудионун белагын белшилейт | media, sizes, src, srcset, type |
<video width="320" height="240" controls > <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> Your browser does not support the video tag. </video> |
|||||||||||||
<span> | Текст бөлүгү | Тексттин бөлүгүн белгилейт | Сызык |
<span>Сызык</span> |
|||||||||||||
<strong> | Калын | Текстти калын кылып берет | Калын |
<strong>Калын</strong> |
|||||||||||||
<style> | Стиль | Стильди баракчага жазганы мүмкүнчүлүк берет | media, nonce, title, type |
fwegtfres
|
<style> .red { color: red; } </style> <div class="red">fwegtfres</div> |
||||||||||||
<sub> | Көтөрүлгөн | Текстти жанындагы тексттен көтөрөт | 123Көтөрүлгөн |
123<sub>Көтөрүлгөн</sub> |
|||||||||||||
<sup> | Төмөндөгөн | Текстти жанындагы тексттен төмөндөтөт | 123Төмөндөгөн |
123&sup>Төмөндөгөн</sup> |
|||||||||||||
<table> | Жадыбал | border, cellpadding, cellspacing, frame, rules, summary, width |
|
<table border="1"> <tr> <th>Жадыбал</th> <th>Жадыбал</th> <th>Жадыбал</th> </tr> <tr> <td>Жадыбал</td> <td>Жадыбал</td> <td>Жадыбал</td> </tr> <tr> <td>Жадыбал</td> <td>Жадыбал</td> <td>Жадыбал</td> </tr> </table> |
|||||||||||||
<tbody> | Жадыбал денеси |
|
<table border="1"> <tbody> <tr> <th>Жадыбал телеси</th> <th>Жадыбал телеси</th> <th>Жадыбал телеси</th> </tr> <tr> <td>Жадыбал телеси</td> <td>Жадыбал телеси</td> <td>Жадыбал телеси</td> </tr> <tr> <td>Жадыбал телеси</td> <td>Жадыбал телеси</td> <td>Жадыбал телеси</td> </tr> </tbody> </table> |
||||||||||||||
<td> | Жадыбалдын тилиги | colspan, headers, rowspan |
|
<table border="1"> <tr> <th>Жадыбал тилеси</th> <th>Жадыбал тилеси</th> <th>Жадыбал тилеси</th> </tr> <tr> <td>Жадыбал тилеси</td> <td>Жадыбал тилеси</td> <td>Жадыбал тилеси</td> </tr> <tr> <td>Жадыбал тилеси</td> <td>Жадыбал тилеси</td> <td>Жадыбал тилеси</td> </tr> </table> |
|||||||||||||
<template> | Шаблон |
ШаблонШаблон |
<template> <h2>Шаблон</h2> <p>Шаблон</p> </template> |
||||||||||||||
<textarea> | Текст | Текстти берет | autofocus, cols, dirname, disabled, form, maxlength, minlength, name, placeholder, readonly, required, rows, wrap |
<textarea name="message" rows="10" cols="30">Текст</textarea> |
|||||||||||||
<tfoot> | Жадыбал тилеси төмөнкү бөлүмү |
|
<table border="1"> <tr> <th>Жадыбал</th> <th>Жадыбал</th> <th>Жадыбал</th> </tr> <tr> <td>Жадыбал</td> <td>Жадыбал</td> <td>Жадыбал</td> </tr> <tr> <td>Жадыбал</td> <td>Жадыбал</td> <td>Жадыбал</td> </tr> <tfoot> <tr> <td>Жадыбал</td> <td>Жадыбал</td> <td>Жадыбал</td> </tr> </tfoot> </table> |
||||||||||||||
<th> | Жадыбал уюму | colspan, headers, rowspan, scope |
|
<table border="1"> <tr> <th>Жадыбал уюму</th> <th>Жадыбал уюму</th> <th>Жадыбал уюму</th> </tr> <tr> <td>Жадыбал уюму</td> <td>Жадыбал уюму</td> <td>Жадыбал уюму</td> </tr> <tr> <td>Жадыбал уюму</td> <td>Жадыбал уюму</td> <td>Жадыбал уюму</td> </tr> </table> |
|||||||||||||
<thead> | Жадыбал башы |
|
<table border="1"> <thead> <tr> <th>Жадыбал</th> <th>Жадыбал</th> <th>Жадыбал</th> </tr> </thead> <tr> <td>Жадыбал</td> <td>Жадыбал</td> <td>Жадыбал</td> </tr> <tr> <td>Жадыбал</td> <td>Жадыбал</td> <td>Жадыбал</td> </tr> </table> |
||||||||||||||
<time> | Убакыт | Роботко убакытты түшүндүрөт | datetime |
<time datetime="2013-04-06 12:32:00">Убакыт</time> |
|||||||||||||
<title> | Баракчанын Аталышы |
<title>Аталыш</title> |
|||||||||||||||
<tr> | Жадыбал тилкеси | Жолду берет |
|
<table border="1"> <tr> <th>Жадыбал</th> <th>Жадыбал</th> <th>Жадыбал</th> </tr> <tr> <td>Жадыбал</td> <td>Жадыбал</td> <td>Жадыбал</td> </tr> <tr> <td>Жадыбал</td> <td>Жадыбал</td> <td>Жадыбал</td> </tr> </table> |
|||||||||||||
<track> | Субтитр | Субтитр берет | default, kind, label, src, srclang |
<video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English"> <track src="subtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian"> </video> |
|||||||||||||
<u> | Асты сызык | Асты сызык |
<u>Асты сызык</u> |
||||||||||||||
<ul> | Тизме |
|
<ul> <li>Тизме</li> <li>Тизме</li> <li>Тизме</li> </ul> |
||||||||||||||
<var> | өзгөрмө | өзгөрмө |
<var>өзгөрмө</var> |
||||||||||||||
<video> | Видео | autoplay, controls, crossorigin, height, loop, muted, playsinline, poster, preload, src, width |
<video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> Your browser does not support the video tag. </video> |
||||||||||||||
<wbr> | Сызыкты бөлүш | Сызыкты бөлүштү берет |
Сызыкты бөлүш |