Лабораторная работа №1
HTML
Цель работы: ознакомиться с языком гипертекстовой разметки, получить практические навыки разметки текста с помощью базовых средств HTML.
Краткие теоретические сведенья
HTML (HyperText Markup Language, язык разметки гипертекста) — это система верстки, которая определяет, как и какие элементы должны располагаться на веб-странице. Большинство тегов являются спаренными
Теги имеют базовые атрибуты. Спецификация атрибута записывается в следующем порядке:
имя атрибута (width)
знак равенства (=);
значение атрибута, которое задается строкой ("80") (если не возникает неопределенность, значение атрибута можно не записывать в кавычках).
Структура HTML-документа позволяет использовать вложенные друг в друга элементы. Данную структуру можно представить в виде дерева.
Вершиной или корнем документа является тег HTML.
Теги структуры тела HTML-документа.
Пример простого HTML-документа.
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style1.css">
</head>
<body>
</body>
</html>
Теги разделов разделяющие тело документа: <h1> - заголовок 1-го уровня. Тег объединяет семантическое содержание документа (заголовок 1-го уровня) и его представления (крупный шрифт) <h2> и <h3> - используются для задания подзаголовков документа 2-го и 3-го уровней; <hr> - формирование горизонтальной линии <p> - формирование нового абзаца.
Теги представления формируют внешний вид документа при отображении в Web-браузере: <b> - жирный шрифт; <i> - курсив; <u> - подчеркивание; <br> - линия разрыва
Теги списков позволяют отображать списки различными способами: <li> - начинает новый элемент списка; <ol> - нумерованный список; <ul> - неупорядоченный список; <dl> - списки определений (имеют встроенные теги):
Тег <dd> входит в тройку элементов <dl>, <dt>, <dd>, предназначенных для создания списка определений. Каждый такой список начинается с контейнера <dl>, куда входит тег <dt> создающий термин и тег <dd> задающий определение этого термина.
Синтаксис:
<dl>
<dt>Термин 1</dt>
<dd>Определение термина 1</dd>
<dt>Термин 2</dt>
<dd>Определение термина 2</dd>
</dl>
Тег <a> является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия атрибутов name или href тег <a> устанавливает ссылку или якорь. Якорем называется закладка внутри страницы, которую можно указать в качестве цели ссылки. При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри веб-страницы.
Для создания ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. В качестве значения атрибута href используется адрес документа (URL, Universal Resource Locator, универсальный указатель ресурсов), на который происходит переход. Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всюду независимо от имени сайта или веб-страницы, где прописана ссылка. Относительные ссылки, как следует из их названия, построены относительно текущего документа или корня сайта.