Лінійні (строчні) елементи

· <a> ...</a> - Служить для створення посилань

· <big>…</big> - Збільшення розміру шрифту на 1

·   - Примусовий перенос рядка без пустого відступу зверху

· … Шрифт жирний

· … - Текст відображається курсивом

·  … - Шрифт курсивом

· …  - Зменшення розміру шрифту на 1

· … - Виокремлює частину інформації всередині інших тегів (): розмір, колір першої букви

· … - Текст відображається жирним

· … -Шрифт у вигляді нижнього індексу, x_i

· … -Шрифт у вигляді верхнього індексу, у³

· … - Підкреслений текст

· <s>…</s> – Закреслений текст

Списки –взаємозпов’язаний набір фраз чи речень, які впорядковані маркерами чи цифрами. Списки дають можливість впорядкувати і систематизувати різні дані і представити їх в наглядному і зручному для користувача вигляді.

· <ol> … </ol>, Ordered list –Впорядкований список. Відображає кожен елемент списку з нового рядка, блочний

· <ul> …</ul>, Unordered list, -Невпорядкований список, маркований знаком (круг, коло, квадрат і т. д.), блочний

· <li>…</li>- В цьому тегу-контейнері міститься текст елементу списку.Сам елемент<li> -Завжди міститься у тегу-контейнері <ul> або <ol>.

Наприклад 2.Створити HTML-код, використавши мета теги. В заголовку вказати “Створення нумерованих списків… ”. Застосувати блочний елемент впорядкування списку.

<HTML>

<HEAD>

<meta CHARSET="UTF-8">

<TITLE>ТЕГ OL НУМЕРОВАНИЙ СПИСОК</TITLE>

</HEAD>

<BODY>

<OL>

<LI> ЧЕБУРАШКА </LI>

<LI> КРОКОДИЛ ГЕНА </LI>

<LI> ШАПОКЛЯК </LI>

</OL>

</BODY>

</HTML>

Синтаксис для різного виду маркування <ul type="disc | circle | square">...</ul>

Наприклад 3.Створити HTML-код, використавши мета теги. В заголовку вказати “Створення маркованих списків… ”. Застосувати блочний елемент невпорядкованого списку.

<!DOCTYPE HTML>

<HTML>

<HEAD>

<META CHARSET="UTF-8">

<TITLE>ТЕГ UL</TITLE>

</HEAD>

<BODY>

<UL>

<LI>ЧЕБУРАШКА</LI>

<LI>КРОКОДИЛ ГЕНА</LI>

<LI>ШАПОКЛЯК</LI>

</UL>

</BODY>

</HTML>

Наприклад 4.Створити HTML-код, використавши мета теги. В заголовку вказати “Створення випадаючих списків… ”. Створити елемент інтерфейсу у вигляді випадаючого списку, використати теги форматування тексту та атрибути вирівнювання.

<HTML>

<HEAD>

<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="TEXT/HTML; CHARSET=UTF-8">

<TITLE>ВИПАДАЮЧИЙ СПИСОК</TITLE><!Титул документа>

</HEAD>

<BODY TEXT="BLUE" BGCOLOR = "YELLOW">

<!Шрифт курсивом>

<CENTER>ІГРАШКОВИЙ_ІНТЕРНЕТМАГАЗИН</CENTER><!Шрифт жирний >

<!Шрифт курсивом>

<SELECT NAME=ГЕРОЇ [ ] ><!Вибрати імя >

<OPTION VALUE=1> ЧЕБУРАШКА </OPTION><!Значення вибору >

<OPTION VALUE=2> ГЕНА </OPTION>

<OPTION VALUE=3> ШАПОКЛЯК </OPTION>

<OPTION VALUE=4> СПАЙДЕРМЕН </OPTION>

<OPTION VALUE=5> ФУНТИК </OPTION>

<OPTION VALUE=7> ЛУНТИК </OPTION>

</SELECT> 

<A HREF=IGRUSHKI-002.JPG> <CENTER> <!Шрифт підкреслений >

ПОДАРУЙ ДИТИНІ РАДІСТЬ!:-) 

</CENTER></A><!Створення посилань >

<CENTER><IMG SRC=BUKET.JPG WIDTH=300></CENTER>

</BODY>

</HTML>

ТАБЛИЦЯ - об’єкт, що застосовується для впорядкування та представлення табличних даних. Таблиця організується як набір стовпців та рядків. Таблиці можуть містити будь-які html-елементи, такі, як заголовки, списки, абзаци, фігури, графіку, а також елементи форм.

· <table></table>-Рядки та комірки таблиці

· <tr>…</tr> -Позначає рядок таблиці. Всередині нього розміщуються теги клітинок таблиці.

· <td>…</td> -Комірка з даними

· <thead>, <tfoot>, <th> -Теги заголовку, текст і дані таблиці відображаються жирним шрифтом.

· <colspan>, <rowspan> -Теги групування рядків та стовпців таблиці. Закриваются завжди