Урок 1

Сайт – это совокупность гипертекстовых страниц (чаще имеющая древовидную структуру) для представления предприятия, фирмы (корпоративные сайты), для представления школ (школьные сайты), частных лиц (личные сайты). Гипертекстовые страницы, которые составляют сайт, записываются на специальном языке HTML. Средства HTML служат для указаний браузеру, в каком виде выводить на экран текст и графику, а также позволяют записывать на страницах гиперссылки.

Структура HTML - кода Тег должен открывать программу, а тег - закрывать ее. Между этими двумя основными тегами располагается головная часть программы и тело. Головная часть содержит информацию, которая не отображается на экране монитора при просмотре web-страницы, а тело – все то, что мы видим на экране монитора как web-страницу.

Базовая структура любого HTML- документа выглядит так : Строка: не является технологическим требованием, но сообщает браузеру, для какой версии HTML был написан данный документ.

Заголовки В HTML-документе поддерживаются заголовки шести уровней при помощи конструкции Текст заголовка В качестве n следует использовать одну из цифр 1-6, обозначающую уровень заголовка. Тегом H1 нужно выделять заголовки первого уровня, тегом H2 – заголовки второго уровня и так далее. Использовать заголовки нужно очень аккуратно в соответствии с их иерархическими уровнями в структуре документа. Не следует использовать теги Hn для выделения обычного текста.

Разделение на абзацы Для того, чтобы выделить часть текста как абзац, в HTML используется тег . Он выглядит так: Текст абзаца Браузер выполняет команду Р следующим образом: Перед абзацем выводиться пустая строка Абзац выравнивается по левому краю Между словами помещается ровно по одному пробелу независимо от того, сколько пробелов проставлено в HTML-коде Перенос текста на новую строку происходит тогда, когда очередное слово не помещается в экранной строке, а не тогда, когда новая строка начинается в HTML-коде

Работа со шрифтами Язык HTML позволяет указать браузеру, в каком начертании следует отображать на экране монитора фрагменты текста: Курсивом, Жирным, Подчеркнутым или их комбинации. Теги начертания шрифтов Это жирный Это курсив Это подчеркнутый Слишком частое применение тегов начертания шрифтов может сделать текст неудобным для чтения.

Кодирование цвета ИмяКодОписание black# черный silver#C0C0C0 серебряный gray# серый white#FFFFFF белый maroon# коричневый red#FF0000 красный purple# темно-сиренев fuchsia#FF00FF сиреневый ИмяКодОписание green# зеленый lime#00FF00 светло-зеленый olive# оливковый yellow#FFFF00 желтый navy# темно-синий blue#0000FF синий teal# петроль aqua#00FFFF голубой

Выравнивание абзацев - выравнивает абзац по левому краю - выравнивает абзац по правому краю - выравнивает абзац по центру - выравнивает абзац по ширине