 |
Элементы, HTML-теги и атрибуты
|
|
|
|
ЛАБОРАТОРНАЯ РАБОТА №2
Структура HTML-страницы
В HTML-странице можно выделить заголовок (Head) и тело (Body) документа. В заголовке в основном содержаться служебные сведения о самой странице, многие из которых не влияют на отображение Web-страницы. В противоположность заголовку все данные, помещенные в тело страницы, выводятся на экран.Заголовок и тело страницы определяются специальными тегами, которые всегда размещаются в определенном порядке. Структура HTML-кода страницы < HTML > < HEAD > Раздел заголовка страницы, здесь помещаются теги служебной информации. </ HEAD > < BODY > Все, что расположено здесь, отображается на Web-странице. </ BODY > </ HTML > Корректно составленный HTML-код начинается с тега < html >. Открывающий тег < head > и закрывающий тег </ head > формируют раздел заголовка. В состав заголовка помещается описание документа. Основная часть html-файла - тело документа - формируется с помощью пары тегов < body > и </ body >. Между этими тегами располагаются те данные, которые должны отображаться в окне броузера. Заканчивается html-код закрывающимся тегом </ html >.
Элементы, HTML-теги и атрибуты
В языке HTML определены элементы, теги и атрибуты. Элемент состоит из открывающегося и закрывающегося тегов, между которыми расположены данные, например,
<p align="justify">Это простой абзац</p>
Здесь элемент - это абзац на странице.
Тег определяется именем, которое указывается между открывающейся и закрывающейся угловыми скобками (символами "<" и ">"); имя тега определяет, как должна отображаться информация, содержащаяся в составе элемента. Например, тег <p> в первом примере определяет абзац. Атрибуты уточняют действие тега. Например, align="justify" назначает данному абзацу выравнивание "по ширине".
|
|
|
При использовании тегов необходимо соблюдать следующие правила:
· все стандартные теги начинаются с символа " < " и заканчиваются символом " > " (например, <html>.
· между символами, составляющими имя тега, пробелы недопустимы. Также нежелательно включать пробелы между угловыми скобками и именем тега.
· каждому открывающему тегу должен соответствовать закрывающий. Закрывающий тег отличается от открывающего тем, что перед именем тега стоит косая черта (</html>).
· при создании html-кода используйте в именах тегов только символы нижнего регистра. Этого требует спецификация XHTML 1.0.
· для разделения атрибутов, а также джля того, чтобы отделить первый атрибут от имени тега, используются пробелы. Наличие пробелов в составе значения атрибута может привести к ошибке.
· придерживайтесь требуемой структуры HTML-документа. Задавайте основные теги в правильном порядке и строгой иерархии.
Атрибуты уточняют действие тегов. Во многих тегах атрибуты не предполагаются, но есть и такие теги, в которых обязательно должны указываться атрибуты. Пара тегов < p > и </ p > определяет абзац в составе страницы.
<!DOCTYPE html>
<html>
<head>
<title>Профессиональное обучение</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="styles/fonts.css"/>
<link rel="stylesheet" type="text/css" href="styles/cernel.css"/>
<link rel="stylesheet" type="text/css" href="styles/main-content.css"/>
<script type="text/javascript" src="scripts/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="scripts/main.js"></script>
<script type="text/javascript" src="scripts/jquery.slimscroll.min.js"></script>
<!--nivo-slider-->
<script type="text/javascript" src="scripts/unslider.min.js"></script>
</head>
<body>
|
|
|
ЛАБОРАТОРНАЯ РАБОТА №3
<ТЕКСТОВАЯ ИНФОРМАЦИЯ>
|
|
|
