Проектирование и разработка

Проектирование и разработка

Web-сайтов.

 

 

Лекция

ОСНОВЫ HTML

План лекции

Язык НТМL. Основные понятия, определения. Обязательные теги HTML

Управление структурой документа

Форматирование шрифта

Отступы и специальные символы

Основы HTML

Веб-сайт — это совокупность программных, информационных, а также медийных средств, логически связанных между собой.   Web-страницы или гипертекстовые документы представляют собой текст, в котором содержатся специальные команды,…

HTML не является языком программирования, он только управляет расположением информации в окне браузера.

Основными понятиями HTML являются: тег, элемент, атрибут. Тег – это символьная конструкция из открывающей и закрывающей угловых скобок < >, между которыми находится…

Обязательные теги HTML

<HTML> <HEAD> <TITLE>Моя первая страница</TITLE>

Управление структурой документа

Ø <H1>…</H1> – <H6>…</H6> – теги для организации заголовков шести уровней. Заголовок первого уровня самый крупный. … Ø <P> и </P> – теги для описания абзацев. Текст, помещенный… Теги <P> и <Hi> (i=1…6) могут содержать необязательный атрибут ALIGN, задающий выравнивание текста.…

Форматирование шрифта

Существует два основных подхода к шрифтовому выделению фрагментов: логическое и физическое форматирование.

 

Теги физического форматирования указывают браузеру как нужно отображать тот или иной фрагмент текста (подчеркнутым, наклонным и т.д.) независимо от его смысловой нагрузки. Если необходимо показать, что фрагмент текста является, например, кодом программы или цитатой, можно использовать теги логического форматирования текста.

 

 

Теги физического форматирования

 

Теги логического форматирования

  Для форматирования шрифта также может использоваться парный тег… • SIZE= – задает размер шрифта (от 1 до 7, 1 – самый мелкий, 7 – самый крупный);

Предварительно отформатированный текст и текст с отступом

Тег-контейнер предварительно отформатирован-ного текста <PRE>, </PRE> позволяет выводить на экран монитора текст такого формата, каким… например, при отображении фрагментов программного кода "как есть",… Визуально результат действия тега <PRE> выглядит как текст, набранный моноширинным шрифтом.

Отступы и специальные символы

Начало новой строки абзаца начинается после небольшого отступа. В текстовом редакторе эта возможность регулируется клавишей табуляции <Таb>… В HTML размер отступа определяется кодовой конструкцией &nbsp;, которая… Создавая текст в документе, не обязательно между каждым словом вставлять &nbsp; — браузер и так поймет, что нужно…