HTML – це набір команд для розмітки документів, що визначають зовнішній вигляд документів на екрані комп'ютера при доступі до них з використанням програми-браузера.
HTML –документ (Web-сторінка) – це звичайний текстовий файл з розширенням .htm або .html, створений за допомогою мови HTML, і що містить інформацію для публікації в WWW.
Основою мови HTML є команди-дескриптори (теги), тобто правила форматування документа.
Атрибут – це компонент тега, що містить команду про те, як браузер повинен зрозуміти і обробити тег.
Теги: одинарні і парні.
Структура html-файла
<HTML>
<HEAD>
<TITLE> Назва Web-сторінки </TITLE>
</HEAD>
<BODY>
Вміст сторінки: текст, графіка, посилання..
</BODY>
</HTML>
Пояснення тегів:
<HTML> - початок веб-сторінки
</HTML> - кінець веб сторінки
<HEAD> - початок заголовка веб сторінки
</HEAD> - кінець заголовка
<TITLE> Назва Web-сторінки </TITLE>
<BODY> - початок тіла сторінки
</BODY> - кінець тіла сторінки
ПРИКЛАД web-сторінки
<HTML> <! Це приклад1. Файл z1.html !>
<HEAD>
<TITLE> Назва web-сторінки </TITLE>
</HEAD>
<BODY параметри>
Мене звати Сергій. мені 16 років. Я хочу стати web-дизайнером.
Це моя перша сторінка. Тут я можу написати будь-який текст, наприклад про себе і мої інтереси. Пізніше я навчуся всавляти фотографії, картинки, звук, відео. Я збережу цей файл на диску і відкрию його у броузері. Моя сторінка ще не красива і не цікава. Але я скоро навчуся робити цікаві web-сторінки.Я розташую файл на сервері, і мою сторінку зможуть побачити в різних кінцях світу.
</BODY>
</HTML>
Заголовки і теги вирівнювання
<H1>Заголовок 1</H1> |
Заголовок 1 |
|
<H2> Заголовок 2</H2> |
Заголовок 2 |
|
<H3> Заголовок 3 </H3> |
Заголовок 3 |
|
<H4> Заголовок 4 </H4> |
Заголовок 4 |
|
<H5> Заголовок 5 </H5> |
Заголовок 5 |
|
<H6> Заголовок 6 </H6> |
Заголовок 6 |
|
Теги вирівнювання тексту |
||
<CENTER> елемент </CENTER> |
Вирівнювання до центру |
|
<LEFT> елемент </LEFT> |
Вирівнювання до лівого краю |
|
<RIGHT> елемент </RIGHT> |
Вирівнювання до правого краю |
|
|
|
|
Зразок форматування тексту для Web-сторінки
<HTML>
<HEAD>
<TITLE> My WEB-Page </TITLE>
</HEAD>
<BODY BGCOLOR="yellow" TEXT="navy”>
<CENTER> <H1> Привіт !</H1>
<H2> Мене звати Сергій </H2> </CENTER>
<HR>
<H3> Мені 16 років </H3>
<H4> Я хочу стати web-дизайнером </H4>
<HR>
Це моя <B> друга </B> спроба створити web-сторінку. Я вже вмію користуватися заголовками, вставляти лінії, форматувати текстові абзаци. Пізніше я навчуся вставляти <I> фотографії, картинки, звук, відео</I> шляхом посилання на відповідні <U> графічні, звукові чи відеофайли</U>.<P>
Я збережу цей файл на диску і відкрию його у броузері. <P>
Цю web-сторінку я буду удосконалювати. Її ще рано розміщувати на сервері.
<HR>
</BODY>
</HTML>