 |
Главная Случайная страница Контакты | Мы поможем в написании вашей работы! | |
Структура HTML
|
|
Для разработки любого проекта, сначала создайте на диске папку, в которой будут храниться все файлы вашего будущего сайта. Стартовый файл должен иметь имя index.html.
Для редактирования файлов рекомендуется использовать простейший текстовый редактор, например "Блокнот" или "WordPad", но не в коем случае не используйте "WinWord". Поэтому используйте то, что попроще.
Наберем простейший код страницы
<HTML>
<HEAD>
<TITLE> Моя персональная страничка </TITLE>
</HEAD>
<BODY>
Всем привет
</BODY>
</HTML>
Сохраните ваш файл и запустите его через браузер, например "Internet Explorer".
Вид страницы представлен на рисунке 1.
Обратите внимание, что HTML страница содержит как обычный текст, так и команды разметки (tags или теги), заключенные в угловые скобки (< и >). Теги языка HTML задают правила, по которым браузер отображает документ на экране. Большинство тегов языка HTML, такие как <HTML>, <HEAD>, <TITLE> и другие, требуют соответствующую команду с символом </....> для ее закрытия, то есть тега конца команды.
Рассмотрим теги нашего документа. <HTML> данный тег используется для открытия HTML-документа. Каждая Web-страница начинается тегом <HTML> и заканчивается закрывающим тегом </HTML>. <HEAD>Любой HTML-документ состоит как минимум из двух частей: заголовка и собственно документа. Данный тег определяет заголовок Web-страницы и должен иметь обязательный закрывающий тег </HEAD>.
Также обязательным атрибутом этого тега является тег <TITLE>. Каждый HTML-документ имеет название, заключенное между тегами <TITLE> и </TITLE>. По названию документа HTML браузеры могут найти информацию, поэтому место для названия всегда определено – оно находится вверху и отдельно от содержимого HTML-документа.
Рисунок 1 – Пример структуры HTML
Отображается название в заголовке окна браузера, поэтому на него накладывается ограничение: максимальная длина названия – 40 символов. <BODY> Данный тег заключает в себе непосредственно документ. Также необходим закрывающий тег </BODY>. Атрибуты тега <BODY> Почти все теги в языке разметки Web-страниц имеют некоторые параметры, которые принято называть атрибутами. Они предназначены для модифицирования параметров документа, а их значения принято заключать в кавычки. Тег <BODY> имеет атрибуты, которые перечислены ниже:
- bgcolor="..." - определяет цвет фона документа. Работа с цветами в HTML-документах будет рассмотрена ниже;
- background="..." - указывает браузеру местоположение файла (*.gif или *.jpg), который необходимо использовать в качестве фонового рисунка. В кавычках указывается абсолютный или относительный путь к файлу. Окно полностью заполняется изображением, начиная с верхнего левого угла;
- text="..." -устанавливает цвет текста;
- alink=".." - определяет цвет активной ссылки;
- link="..." - определяет цвет не просмотренной ссылки;
- vlink="..." - определяет цвет просмотренной ссылки;
- topmargin="..." - устанавливает границу верхнего поля;
- leftmargin="..." - граница левого поля;
- bgproperties="fixed" - в случае установки данного параметра в значение fixed фоновое изображение не будет прокручиваться вместе с текстом;
- onload="..." - определяет те действия броузера, которые должны произойти после загрузки документа из сети.
Очень часто исходные коды программ сопровождаются комментариями. Они предназначены для сопровождения исходного кода программы пояснениями, которые, в свою очередь, облегчают понимание кода как самим разработчиком при его модифицировании, так и при чтении кода другими людьми. В спецификации HTML для комментариев определен специальный тег, который начинается символами <!-- и заканчивается символами -->. Текст, заключенный в теге комментария, не отображается в браузере.
Дата публикования: 2015-02-18; Прочитано: 354 | Нарушение авторского права страницы | Мы поможем в написании вашей работы!
