- •Html Введение
- •Создание html документов
- •Html заголовки
- •Html элементы
- •5.Html атрибуты
- •6.О важности заголовков
- •Пример 61
- •Пример 62
- •Пример 63
- •Пример 64
- •Пример 65
- •7.Разделение на абзацы
- •Пример 71
- •Пример 72
- •Пример 73
- •Пример 74
- •Пример 75
- •Пример 76
- •8.Оформление html документов с помощью css
- •Пример 81
- •9.Html гиперссылки
- •Пример 91
- •Пример 92
- •Пример 93
- •Пример 94
- •10.Добавление изображений в html документы
- •Пример 101
- •Пример 102
- •Пример 103
- •11.Таблицы
- •Пример 111
- •Пример 112
- •Пример 113
- •Пример 114
- •12. Списки
- •Пример 121
- •Пример 122
- •Пример 123
- •Пример 124
- •13. Html формы
- •Пример 131
- •Пример 132
- •Пример 133
- •Пример 134
- •Пример 135
- •Пример 136
- •Пример 137
- •Пример 138
- •Пример 139
- •Пример 1310
- •Пример 141
- •Пример 142
- •Пример 143
- •Пример 144
- •Пример 145
- •Пример 146
- •16. Секция head
- •17. Элемент script
- •18. Спецсимволы html
- •19.Что дальше?
Пример 61
<h1>Титаник</h1>
......................
<h2>Постройка</h2>
......................
<h2>Местоположение</h2>
......................
Горизонтальная линия
Старайтесь всегда визуально отделять не связанные разделы страницы друг от друга.
Одним из вариантов такого отделения может являться вставка горизонтальной линии с помощью HTML тэга <hr />.
Пример 62
<p> Это первый абзац </p>
<hr />
<p> Это второй абзац </p>
<hr />
<p> Это третий абзац </p>
Комментарии в HTML
С помощью комментариев Вы можете оставлять в коде пояснительные заметки.
Содержимое комментариев полностью игнорируется браузером;
Содержимое комментариев не отображается при просмотре страницы.
Пример 63
<p> Это первый абзац. </p>
<!-- Это комментарий -->
<p> Это второй абзац. </p>
Обратите внимание: иногда комментарии используется при отладке кода, например, если Вы не уверены, хотите ли Вы видеть данный заголовок, абзац и т.д. в итоговой версии страницы, Вы можете "закомменитировать" его на время принятия решения.
Просмотр исходного кода страниц в интернете
Содержимое любых страниц в интернете может быть просмотрено. Исследование кода чужих страниц поможет Вам быстрее освоить HTML.
Для того, чтобы посмотреть исходный код, необходимо при просмотре страницы нажать правую кнопку мыши и выбрать пункт "Просмотреть исходный код страницы" (текст может незначительно отличаться в различных браузерах).
Сделайте сами
Задание 1 оформите текст согласно пояснительным запискам:
Пример 64
....
<!-- Заголовок 1 размера --> Страны Северной Америки <!-- Заголовок 1 размера -->
<!-- Заголовок 2 размера --> США <!-- Заголовок 2 размера -->
<!-- Заголовок 2 размера --> Мексика <!-- Заголовок 2 размера -->
<!-- Заголовок 2 размера --> Канада <!-- Заголовок 2 размера -->
<!-- Вертикальная черта -->
....
Задание 2 уберите комментарии в коде примера, чтобы получить следующий текст:
Пример 65
Континенты
Евразия
Евразия — самый большой континент на Земле, площадь — 53 893 тыс. км2, что составляет 36 % площади суши.
Население — более 4,8 миллиарда (2010), что составляет около 3/4 населения всей планеты.
Африка
Площадь Африки составляет 29,2 млн км2, покрывая, таким образом, 20,4 % поверхности суши.
Население - около 1 миллиарда человек.
7.Разделение на абзацы
Большие объемы сплошного текста сложно читать, старайтесь всегда разбивать сплошной текст на абзацы.
В HTML для создания абзацев используется тэг <p>. Перед и после данного тэга браузеры автоматически отступают одну строку.
Пример 71
<html>
<body>
<p>Мост — искусственное сооружение, возведенное через реку, озеро, пролив или любое
другое водное препятствие.</p>
<p>Мост является одним из древнейших инженерных изобретений человечества.</p>
</body>
</html>
HTML тэги форматирования
С помощью тэгов форматирования Вы можете выделять "важный" текст на страницах, создавать тексты "рукописного начертания", добавлять в HTML документы формулы, а также увеличивать и уменьшать размер шрифта.
Обратите внимание: strong и em задумывались как специальные тэги для выделения "важного" содержимого, а тэги b и i просто для создания жирного и курсивного текста. Несмотря на то, что браузеры отображают их точно также как тэги b и i, поисковые системы могут придавать им различное значение при анализе страницы.
