Коротко о главном
<Р>Текст</Р> – абзац
<Div>Текст</Div> – выделенный фрагмент документа
<Нn>Текст заголовка</Нn> – заголовки
<CENTER>Текст</CENTER> – выравнивание текста по центру
<PRE>Текст</PRE> – блок форматированного текста
<BLOCKQUOTE>Текст</BLOCKQUOTE> – выровненный блок с отступами слева и справа, а также с отбивкой сверху и снизу
<СIТЕ>Текст</СIТЕ> – цитата (курсив)
<HR> – горизонтальная линия
<BR> – переход на новую строку
<MARQUEE>Текст</MARQUEE> – бегущая строка
• Задание 1
Создайте страницу с названием «Заголовки»
<HTML>
<HEAD> <TITLE> Заголовки </TITLE> </HEAD>
<BODY>
<Н1>Это заголовок первого уровня<Н1>
<Н2>Это заголовок второго уровня</Н2>
<НЗ>Это заголовок третьего уровня</НЗ>
<Н4>Это заголовок четвертого уровня</Н4>
<Н5>Это заголовок пятого уровня</Н5>
<Н6>Это заголовок шестого уровня</Н6>
</BODY>
</HTML>
Сохраните программу в своей папке под именем U3.html
• Задание 2
Создайте страницу с названием «Горизонтальные линии».
<HTML>
<HEAD>
<TITLE> Горизонтальные линии </TITLE>
</HEAD>
<BODY>
<HR>
<HR size=10>
<HR size=10 width="50%" align="left">
<HR size=5 noshade>
<HR size=5 widch="300" noshade>
<HR color="blue">
</BODY>
</HTML>
Сохраните программу в своей папке под именем U4.html.
Работа со шрифтами
Шрифты различаются гарнитурой и размером.
Гарнитура – это особенности оформления и начертания шрифта.
Шрифты условно делятся на три группы: «с засечками», «рубленые» и «рукописные». Обычный текст лучше читается, если выбран шрифт «с засечками» (Times, Courier). В одной и той же гарнитуре существует несколько начертаний – обычный шрифт, курсив, полужирный курсив.
Размер шрифта определяется в «пунктах» (1 pt = 0,353 мм). Для отображения основного текста обычно используют шрифт размером 12 pt.
Для определения свойств шрифта используется тег-контейнер <FONT> со следующими атрибутами:
size – размер шрифта;
color – цвет шрифта;
face – гарнитура шрифта или список допустимых шрифтов.
Размер шрифта задается относительно размера, установленного в программе просмотра по умолчанию (FONT size=+4).
Кроме тега <FONT> для изменения свойств шрифта можно использовать следующие теги:
<B>Текст</B> – полужирный шрифт (Bold);
<U>текст</U> – подчеркивание (Underline);
<I>Текст</I> – курсивный шрифт (Italic);
<S>Текст</S>
– зачеркнутый
текст (Strike
Out);
<STRONG>.. .</STRONG> – усиленное выделение (полужирный шрифт);
<BIG>.. .</BIG> – увеличение размера шрифта по сравнению с обычным;
<SMALL>.. .</SMALL > – уменьшение размера шрифта по сравнению с обычным;
<TT>Текст</TT> – пишущая машинка (моноширинный текст);
<SUP>Текст</SUP> – верхний индекс;
<SUB>Текст</SUB> – нижний индекс.
Цвет шрифта всего документа можно задать с помощью атрибута text = "цвет" тега <BODY>.
• Задание 1
Загрузите браузер Internet Explorer.
В меню Файл выберите пункт Открыть..., откройте файл U1.html, который находится в вашей папке. Чтобы увидеть текст HTML-документа, в меню Вид выберите пункт Просмотр HTML-кода.
Доработайте страничку, используя различные теги для оформления текста.
<HTML>
<HEAD>
<ТIТLЕ>Моя страничка</ТIТLЕ>
</HEAD>
<BODY>
<Н1>Привет! Это моя личная домашняя страничка!</Н1>
<HR size="5" width="50%">
<Н2 align="center"> Мой город </H2>
Я живу в
<FONT color="red" face="Comic Sans MS" size="+5"> Дрогичине
</FONT>
<H4 align="center"> Мои увлечения: </H4>
<FONT color="blue" face="Arial" size="+2">
<В>Музыка – гитара</В>,
<U>Спорт – футбол</U>,
<I>Люблю рисовать</I>.
</FONT>
<Н5>Мои друзья</Н5>
<U>Мои друзья</U> учатся со мной в <I>одном классе</I>
</BODY>
</HTML>
Добавьте несколько новых строчек самостоятельно. Например. «Моя семья», «Мои домашние животные». Для оформления можете использовать бегущую строку. Сохраните созданную страничку в своей папке под именем U1NEW.HTML.