Общая структура HTML-файла - Основы HyperText Markup Language

Суммируя вышесказанное приведем общую структуру HTML-файл :

<HTML>

<HEAD>

<Мета-теги>

<Функции скриптов>

<TITLE>Заголовок документа</TITLE>

</HEAD>

<BODY>

Основная часть документа

</BODY>

</HTML>

Заголовки, абзацы, разрывы строк

Заголовки

Каждый пользователь компьютера, работающий в текстовом редактором Microsoft Word знаком с понятием стиля заголовка. В HTML тоже применяется это понятие для структурирования документа и выделения важности заголовка. Всего существуют 6 стилей заголовка. Каждый из них обозначается в HTML-документе парными тегами <Hi> и </Hi> Здесь i обозначает важность стиля. H1обозначает самый важный стиль заголовка, H2 - стиль заголовка второго уровня, а H6 - стиль заголовка самого нижнего уровня.

В подавляющем большинстве случаев для заголовков Web-страниц используют три первых уровня заголовков <H1>, <H2> и <H3>. Объясняется это тем, что размеры шрифтов оставшихся заголовуов (теги <H4> - <H5>) меньше размера обычного шрифта Web-страницы.

Абзацы

Понятие абзаца в HTML-документе также аналогично понятию абзаца в Microsoft Word. Абзац обозначается в документе парными тегами <P> и </P> . Впрочем, применение закрывающего тега не является строго обязательным.

НО! Специфика тега <P> заключается в том, что после текста, который находится в его пределах, пустая строка добавляетсяавтоматически.

Следует помнить и о другой особенности текстовых абзацев: когда текст достигает правой границы окна Web-броузера. переход на новую строку осуществляется автоматически, независимо от расположения тега <P>.

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

Разрывы строк

Если в середине строки появилась необходимость ее разорвать - используйте одиночный тег переноса строки <BR>.(Это соответствует нажатию клавишной комбинации [Shift]-[Enter] в текстовых процессорах Word). Код <BR> не означает конца логического абзаца, и за строкой с этим кодом дополнительная пустая строка не появится.

Кроме тега <BR> не требует закрытия тег добавления изображения <IMG>.Использование закрывающего тега абзаца </p> также не является строго обязательным.

HTML довольно "демократичен": неправильный тег или неправильное вложение тегов обычно не приводят к "зависаниям" броузера, а только вызывает сообщение об ошибке в строке состояния окна броузера вашего Интернет-читателя. Разумеется ошибки могут привести к неправильному форматированию HTML-документа.

Построение сайта

<html>

<head>

<title>Студия красоты</title>

</head>

<body>

<center><h1>Ногтевой сервис, парикмахерские услуги</h1></center>

<br>Высококвалифицированные специалисты приглашают Вас:

<br>Мастер маникюра - Евгения

<br>Парикмахер -- стилист Николай

<br>Руководитель студии, ведущий мастер Пирогова Вера Алексеевна

<br>Ногтевой сервис

<br>Маникюр классический, европейский, аппаратный

<br>Педикюр классический, аппаратный, уход за диабетичской стопой

<br>Покрытие ногтей гель-лаком

<br>СПА-уход "Золотые ручки" и СПА-уход "Шоколадные ножки"

<br>Наращивание ногтей, авторский дизайн: аквариумный, плоскостной, китайская роспись, офисный French, свадебный дизайн,

<br>3D-дизайн, объемный.

<br>Парикмахерские услуги

<br>Стрижки любой сложности мужские и женские, колористика, узоры, карвинг, орнаментная стрижка,

<br>долговременная укладка, прически любой сложности: свадебные, вечерние на любую длину волос.

<br>оформление бровей, покрас ресниц и бровей, наращивание ресниц с "кодом памяти".

<br>Открой самое красивое в себе вместе со Студией красоты Веры Пироговой

<body bgcolor="#ff00ff">

<br> <br><br><br><br><br><br>

<h2><a href="file:///C:/Студия красоты/контакты/контакты. html">Переход на вторую страницу сайта</a>

</body>

</html>

<html>

<head>

<title>Студия красоты</title>

</head>

<body>

<center><h1>Ногтевой сервис, парикмахерские услуги</h1></center>

<br>пр. Ленина, 5 (рядом с кафе "Час-ПИК")

<br>Тел.: 8-904-592-29-49,

<br>8-910-189-66-20,

<br>8 (49232) 9-22-92

<body bgcolor="#ff00ff">

<br/><br/>

<center><img alt="ногти"

<IMG SRC=http://www. dailybid. ru/img/77497b. jpg ALT="ногти" TITLE="ногти">

<br/><br/>

</body>

</html>

Лабораторные работы

1. Работа с формулами

2. Excel 2007. Работа с диаграммами

3. Абсолютная и относительная адресация

4. Оформление итогов и создание сводных таблиц

Похожие статьи




Общая структура HTML-файла - Основы HyperText Markup Language

Предыдущая | Следующая