Атрибуты тела документа
Основы HTML
Урок 1
1.1. Структура html-документа
<html>
<head>
<title> -//-//-//- </title>
</head>
<body>
-//-//-//-
</body>
</html>
1.1.1.Основные теги
1) <html>…</html> - указывает программе просмотра страниц что это HTML-документ.
2) <head>…</head> - определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин.
3) <Body>…</Body> - Определяет видимую часть документа.
4) <title>…</title> - заголовок страницы.
Тэг <BODY> может также иметь параметры отступов в документе (определяются числовым значение).
Атрибуты:
- bgcolor – цвет фона;
- text – цвет текста;
- link – цвет гиперссылок;
- vlink – цвет гиперссылок, на которых уже побывали;
- alink – цвет гиперссылок при нажатии;
- leftmargin - отступ слева;
- rightmargin - отступ справа;
- topmargin - отступ сверху;
- bottom margin - отступ снизу;
- background – Указывает на картинку, которая используется в качестве фона.
Пример:
<BODY leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
|
|
1.1.2Форматирование текста
1) <H?>…</H?> - размер заголовков
<H1>Заголовок</H1>
<H2>Заголовок</H2>
<H3>Заголовок</H3>
<H4>Заголовок</H4>
<H5>Заголовок</H5>
<H6>Заголовок</H6>
2) <P>…</P> - создание нового абзаца
Атрибуты:
- align – выравнивание
<P ALIGN=LEFT>По левому краю</P>
<P ALIGN=CENTER>По центру</P>
<P ALIGN=RIGHT>По правому краю</P>
<P ALIGN=JUSTIFY>Текст, находящийся между этими элементами выравнивается по ширине</P>
3) <BR> - переход на новую строчку
4) <Font>…</Font> - шрифт текста
Атрибуты:
- Size – размер шрифта;
- Face – тип шрифта;
- Color – цвет шрифта.
<font size="1">Пример 1</font>
<font size="2">Пример 2</font>
<font size="3">Пример 3</font>
<font size="4">Пример 4</font>
<font size="5">Пример 5</font>
<font size="6">Пример 6</font>
5) <pre>…</pre> - обрамляет предварительно отформатированный текст.
6) <B>…</B> - создает жирный текст.
7) <I>…</I> - создает наклонный текст.
8) <U>…</U> - создает подчеркнуты текст.
9) <tt>…</tt> - Создает текст – имитирующий стиль печатной машинки.
10) <Strike>…</Strike> - перечеркнутый шрифт.
11) <Big>…</Big> - крупный шрифт.
12) <Small>…</Small> - мелкий шрифт.
13) <Sub>…</Sub> - нижний индекс.
14) <Sup>…</Sup> - верхний индекс.
1) <Img src=” ”> - Добавляет изображение в HTML документ
Атрибуты:
- src – загрузка картинки;
- width – ширина картинки (%, px);
- height – высота картинки (%, px).
Задания:
Задание 1. Создать html‑страницу
<Html>
<Head>
<Title> Моя первая страница</Title>
</Head>
<Body Text=dackblue bgColor=yellow>
<H1 align=center>Заголовок 1</H1>
|
|
<H2 align=left>Заголовок 2</H2>
<H3 align=right>Заголовок 3</H3>
</Html>
Задание 2. Создать html-документ с текстом:
Уже пустыни сторож вечный,
Оттесненный холмами вокруг,
Стоит Бешту остроконечный
И зеленеющий Машук,
Машук, податель струй целебных,
Вокруг ручьев его волшебных
Больных теснится бледный рой;
Страдален мыслит жизни нить
В волнах чудесных укрепить,
Кокетка злых годов обиды
На дне оставить, а старик
Помолодеть - хотя на миг.
А. С. Пушкин
Если взглянуть на карту района Кавказских Минеральных Вод, то
Пятигорск можно обнаружить прежде других городов. Во-первых, он расположен в центре района, во-вторых, это самый крупный его го-
род и, в-третьих, Бештау и Машук - наиболее значительные вершины
предгорья Кавказского хребта на Ставрополье - выделяют Пятигорск
в рельефе местности.
Урок 2