Лекция №2 -Оформление текста в HTML
.pdf
ОСНОВЫ HTML
HyperText Markup Language или сокращенно HTML –
язык гипертекстовой разметки документов, продукт W3C консорциума – лежит в основе почти всех существующих web-страниц, что ставит его на первое место в иерархии инструментов для создания сайтов.
HTML – это основы по созданию web-страниц.
HTML – первая ступень, первый шаг на пути освоения web-ремесла.
HTML и web-дизайна – совершенно различные понятия.
ОСНОВЫ HTML
Пример HTML кода
В браузере мы увидим Hello World!:
ОСНОВЫ HTML
Пример HTML кода
ОСНОВЫ HTML
Для изучения HTML необходим Блокнот
. В нем мы будем вручную печатать код. Пожалуй, все...
( для программистов |
|
рекомендую --- >> |
) |
Интерпретацией кода занимается программное обеспечение для просмотра web-страниц, то есть Internet Explorer, Firefox, Opera, Chrome и другие браузеры.
ОСНОВЫ HTML
В настоящее время на официальном сайте W3C консорциума уже доступна спецификация HTML 5.
Разработка пятой версии началась еще в 2007 году, в основе ее лежит XML и по сути она является, дополненным новыми элементами и атрибутами,
XHTML-ем.
Пятая версия HTML предлагает более широкую функциональность и упрощает процесс создания интерактивных сайтов и web-приложений. Помимо этого, HTML 5 содержит дополнительные элементы, обеспечивающие размещение внутри web-страницы мультимедийного контента.
ОСНОВЫ HTML
•Сеть интернет состоит из бесконечного множества web-страниц, связанных между собой гиперссылками, посредством «протокола передачи гипертекста» —
HyperText Transfer Protocol или сокращенно
HTTP — протокол передачи данных в виде гипертекстовых документов.
HTML страница и ее структура, определяемая основными тегами
Правильная начальная структура HTML является залогом кросс-браузерности сайта.
Такой должна быть начальная структура HTML страницы:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>HTML структура документа</title>
</head>
<body>
</body>
</html>
HTML страница и ее структура, определяемая основными тегами
Комментарий к HTML коду:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org /TR/html4/loose.dtd"> – указывает браузеру с каким именно документом он имеет дело.
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> – определяет тип контента и кодировку, windows-1251 – поддерживает как латинский так и кирилистический алфавит.
Заголовок HTML страницы
<html>
<head>
<title>HTML заголовки</title> </head>
<body>
<h1>HTML заголовок 1-го уровня</h1> <h2>HTML заголовок 2-го уровня</h2> <h3>HTML заголовок 3-го уровня</h3> <h4>HTML заголовок 4-го уровня</h4> <h5>HTML заголовок 5-го уровня</h5> <h6>HTML заголовок 6-го уровня</h6> </body>
</html>
Для тегов заголовков характерно следующее: чем меньше цифра, тем больше размер шрифта.
Заголовок HTML страницы