- •Назначение языка html
- •Программы просмотра web – страниц
- •Программы-редакторы html
- •Интерфейс редактора htmlPad и его возможности
- •Синтаксис html
- •Структура html-документа
- •Физическое форматирование текста
- •Грибоедов александр сергеевич
- •Драматург, поэт, дипломат
- •Логическое форматирование текста
- •Оформление текста
- •Маркированные списки
- •Форматирование маркированных списков
- •Нумерованные списки
- •Форматирование нумерованных списков
- •Начальный номер списка
- •Списки определений
- •Задания для самостоятельной работы:
- •Внешние и внутренние ссылки
- •Гиперссылки изображений
- •Шеснадцатеричные значения кодов
(1795 – 1829)
А.С. Грибоедов
родился в Москве в родовитой дворянской
семье.
Грибоедов знал 9
языков и был талантливым музыкантом.
В дни Отечественной
войны 1812 года Грибоедов добровольцем
вступает в гусарский полк. После войны
он занимается литературной работой,
совмещая ее с дипломатической службой.
Грибоедов александр сергеевич
Драматург, поэт, дипломат
Используя теги абзаца и принудительного перехода на другую строку, получите текст следующего вида:
Часто возникает необходимость поместить на страницу заголовок раздела или страницы в целом. Для этого используются теги заголовков. Можно задать заголовки шести уровней (размеров) <H1>…<H6>.
Рассмотрим пример.
Введем редакторе HTML-код.
<HTML>
<HEAD>
<TITLE> Заголовки </TITLE>
</HEAD>
<BODY>
<H1>Это заголовок первого уровня</H1>
<H2> Это заголовок второго уровня </H2>
<H3> Это заголовок третьего уровня </H3>
<H4> Это заголовок четвертого уровня </H4>
<H5> Это заголовок пятого уровня </H5>
<H6> Это заголовок шестого уровня </H6>
</BODY>
</HTML>
Затем просмотрим в браузере.
В языке HTML существует специальный тег <HR>, который описывает горизонтальную линию. Внешний вид горизонтальной линии контролируется следующими параметрами:
- size – толщина линии (по умолчанию – 2 пиксела);
- width – протяженность линии в пикселах (по умолчанию – растянута на всю ширину окна браузера);
- align – выравнивание линии на странице влево, вправо, по центру. Этот параметр применим только в том случае, если установлен параметр width.
- color – цвет линии.
Рассмотрим пример:
Введем в редакторе HTML-код:
<HTML>
<HEAD>
<TITLE> Горизонтальная линия </TITLE>
</HEAD>
<BODY>
<H1> Фамилия </H1>
<H2 ALIGN=Center> Имя </H2>
<H3 ALIGN=Right> Отчество </H3>
<HR>
<HR width=50%>
<HR size=8>
<HR noshade>
<HR size=8 color=#800000>
<HR size=100 width=2 color=violet>
<HR color=#800000 size=10 width=10>
</BODY>
</HTML>
Просмотрите документ в браузере и сделайте выводы, что дает разметка тегом <HR> с различными параметрами.
Логическое форматирование текста
Теги логического форматирования управляют отображением текста. При использовании тегов логического форматирования автор документа не может знать заранее, что увидит на экране читатель. Разные браузеры толкуют одни и те же теги по-разному. Некоторые браузеры игнорируют некоторые теги вообще и показывают нормальный текст вместо выделенного логическим стилем. Вот самые распространенные логические теги.
К тегам логического форматирования относят следующие теги:
<sup> </sup> |
Верхний индекс |
<sub> </sub> |
Нижний индекс |
<blockquote> </blockquote>
|
Для разметки больших цитат (отдельный абзац с отступом) |
<multicol> </multicol>
|
Задает разбивку текста на несколько колонок |
Рассмотрим пример:
Написать следующие формулы: H2O, H2SO4, X2,
Введем в редакторе HTML-код:
<HTML>
<HEAD>
<TITLE> Верхний и нижний индексы </TITLE>
</HEAD>
<BODY>
<B>H<sub>2</sub>O, H<sub>2</sub>SO<sub>4</sub>, X<sup>2</sup></B>
</BODY>
</HTML>
При просмотре получим следующее:
