Язык разметки гипертекста HTML. Создание простейшего HTML-документа. Форматирование текста
Язык разметки гипертекста HTMLСоздание простейшего HTML-документа. Форматирование текста
Цели работы: познакомиться со структурой html-документа и на основе создать свою страницу; изучить основные тэги форматирования текста и использовать их при создании страницы
Структура html-документа:<HTML> ... </HTML>, <HEAD> Заголовок </HEAD>. Контейнер обязательно содержит открывающий и закрывающий теги.<TITLE> ... </TITLE><BODY> содержание </BODY>
Структура html-документа:<HTML> {начало страницы}<HEAD> {описание страницы, заголовка}<TITLE> название </TITLE> {имя страницы}</HEAD> {закрытый тэг описания заголовка}<BODY> {содержание страницы} текст</BODY> {закрытый тэг описания страницы}</HTML> {конец страницы}
Основные тэги форматирования html-документа:Заголовок страницы Н1 (самый крупный) и до Н6 (самый мелкий)Если необходимо выровнять заголовок по краю, то это записывается следующим образом: <ALIGN = “RIGHT”> {выравнивание текста по правому краю}<ALIGN = “CENTER”> {выравнивание текста по центру}<ALIGN = “LEFT”> {выравнивание текста по левому краю}<H1 ALIGN = “RIGHT”> Все о компьютере </H1>
Основные тэги форматирования html-документа:Форматирование <FONT>...</FONT>При этом используя различные атрибуты:Атрибут FACE позволяет задать гарнитуру шрифта; Атрибут SIZE – размер шрифта (может принимать иметь значение в диапазоне от 1 до 7);Атрибут COLOR – цвет шрифта (можно задавать названием цвета (например, “red”, “green”, “blue” и так далее));<FONT SIZE = “7” FACE = “Arial” COLOR = “Blue> ... </FONT>
Основные тэги форматирования html-документа:Также можно задавать начертание текста или фрагмента текста:<B> текст </B> - полужирный шрифт;<I> текст </I> - начало текста курсивом;<U> текст </U> - подчёркивание;Комбинированное выделение <B><U> фрагмент текста </U></B>
Основные тэги форматирования html-документа: При создании html-документов можно задавать и цвет самого фона страницы. Эта команда может задаваться только в начале HTML файла и не может быть изменена в дальнейшем. Ее параметры: BGCOLOR - определяет цвет фона документа, TEXT - задает цвет текста для всей страницы. Цвет также задается с помощью его названия (“red”, “green”, “blue”);<BODY BGCOLOR = “blue” TEXT = “red”> -
СпискиНенумерованный список располагается внутри контейнера <UL>…</UL>, а каждый элемент списка определяется также тэгом <LI>. С помощью атрибута TYPE тэга <UL> можно задать вид маркера списка: “disc” (диск), “square” (квадрат), “circle” (окружность). Например, (маркированный список, маркер в виде окружности)<UL TYPE = CIRCLE><LI> текст </LI><LI> текст </LI><LI> текст </LI></UL>
Домашняя работаВыучит ВСЕ тэги и их атрибуты