Теги HTML
З таблицями ми розберемося пізніше, це окрема тема, зараз продовжимо поточну тему, теги-HTML.
Отже: як ми зрозуміли з прикладів, атрибути тега слідують за ім'ям і відокремлюються один від одного одним або декількома знаками табуляції, пробілами або символами повернення на початок рядка. Порядок запису атрибутів у тезі не має значення. Значення атрибута, якщо є, слідує за знаком рівності, що стоїть після імені атрибута. Якщо значення атрибута — одне слово чи число, його можна просто вказати після знака рівності, не виділяючи додатково. Всі інші значення необхідно укладати в одинарні або подвійні лапки, особливо якщо вони містять кілька слів, що розділені пробілами. Довжина атрибуту обмежена 1024 символами. Регістр символів в іменах тегів та атрибутів не враховується, чого не можна сказати про значення атрибутів. Наприклад, особливо важливо використовувати потрібний регістр при введенніURL(Universe Resource Locator, уніфікований покажчик ресурсу), інших документів як значення атрибутуHREF.
Найчастіше елементи розміткиHTMLабоHTML-контейнери складаються з початкового та кінцевого тега, між якими розміщуються текст та інші елементи документа. Ім'я кінцевого тега ідентичне імені початкового, але перед ім'ям кінцевого тега ставиться коса межа (/-cлеш).
Наприклад: для тега стилю шрифту - курсив <I> закриваюча пара являє собою </I> , для тега заголовка <ТІТLЕ> закриваючою парою буде </ТІТLЕ> . Кінцеві теги ніколи не містять атрибутів. Теги визначають сферу дії правил інтерпретації текстових документів.
При використанні вкладених елементів розмітки в документі слід дотримуватисьособливу акуратність. Вкладені теги слід закривати, починаючи з останнього. Приклад: Синтаксис: <Fontsize="2" ><B><I& ;gt Вкладені теги потрібно закривати, починаючи з останнього < /I>< /B>< /Font> Відображатися браузером буде так:Вкладені теги потрібно закривати, починаючи з останньогоДеякі елементи розмітки не мають кінцевого тега, оскільки є автономними елементами. Наприклад, тег зображення <IMG> , який служить для вставки в документ графічного зображення, кінцевого тега не вимагає. До автономних елементів розмітки також відносяться розрив рядка <BR> , горизонтальна лінійка <HR> і теги, що містять таку інформацію про документ, яка не впливає на його вміст, наприклад теги <META> і <BASE> .
Є й інші кінцеві теги, без яких браузери відмінно працюють, наприклад, кінцевий тег </HTML> . Тим не менш, рекомендується включати якомога більше кінцевих тегів, щоб уникнути плутанини та помилок при відтворенні документа.
Для стислості ми будемо в ряді випадків замість словосполучення "елемент розмітки" застосовувати термін "контейнер".
Cхема побудови контейнера у форматіHTMLможе бути записана в наступному вигляді:
Наприклад скажемо так: Фарматування тексту всередині контейнера <TABLE> , контейнер <TABLE> знаходиться в контейнері тіла документа HTML <BODY> тобто контейнери розміщуються в документі ієрархічно. Слід бути уважним, щоб не плутати контейнер (наприклад,BODY)і тег (BODY), що використовується для формування контейнера.
Крім тегів, елементамиHTMLєспецсимволи, вони призначені для представлення спеціальних символів у документі HTML, які можуть бути неправильно оброблені браузером. Припустимо, створюється документ HTML, у якому йдеться про елементи цієї мови. Якщо вказати ім'я тега <BODY> просто в документі, браузер може сприйняти його безпосередньо як тег тіла документа HTML. Для виведення таких символів і використовуєтьсяспецсимволи.
Наприклад, щоб представити символ<у документіHTML, потрібно замінити його на<, а символ>— на>. Тобто, якщо вказати в тексті HTML рядок<BODY>, вона виглядатиме на екрані як текст<BODY>.
Спецсимволлегко виявити, якщо подивитися на структуру будь-якого документа HTML, оскільки кожен з них починається з амперсанта&. На відміну від найменувань тегівHTML, найменуванняспецсимволівчутливі до регістру, вони виконуються в нижньому регістрі. Також найменуванняспецсимволівможуть задаватися не у вигляді імені (як ви вже помітили на прикладі з валютою євро), а за допомогою тризначних кодів у вигляді&#ХХХ;. Подивитися найчастіше використовуваніспецсимволиі відповідні їм числові коди можнаТут.
Групи тегів НТМL
Всі тегиНТМLза їх призначенням та областю дії можна розділити на такі основні групи:
- що визначають структуру документа;
- оформлення блоків гіпертексту (параграфи, списки, таблиці, картинки);
- гіпертекстові посилання та закладки;
- формидля організації діалогу;
- виклик програм.
Детальніше список тегів та їх призначення можна переглянутиТут
Після того, як ми дізналися, що таке теги HTML, розглянемо тему форматування тексту.