|
||
|
aranea.ru || Занятия и примеры по HTML | Первый HTML документ
Первый HTML документВ этом разделе и далее, вместо длинных описаний даются ссылки на перевод HTML4.01. Если какая-то часть информации покажется вам непонятной, то проскакивайте ее. Вернетесь позже. Следуйте примерам. Общие сведенияПример 1 Пример 2 Описание атрибутов HTML и BODY. Пример 3 Общие сведенияЯзык HTML не является языком программирования. Он служит лишь для описания структуры документов, которые будут понятны почти на всех компьютерных платформах во Всемирной паутине. Документ, написанный в HTML, состоит из содержания (текста, изображений и т.д.) и элементов HTML, которые форматируют текст, встраивают изображения и ссылки на другие документы в сети или на этом же сайте, а также добавляют мультимедиа-объекты. Язык HTML имеет набор элементов (для описания структуры), которые состоят из одного или двух тегов (начальный и конечный). Начальный тег включается внутрь символов <>, а конечный тег внутрь - </>. Например: <BODY>, </BODY>. Лучшее обучение - это сочетание теории и практики. Язык HTML позволяет видеть результат своей работы немедленно. HTML-документы вы можете писать в БЛОКНОТЕ (любая версия Windows содержит такую программу), но лучше использовать MicrosoftFrontPage, который будет делать подсказки в случаях пропуска или неправильного употребления какого-либо элемента. Сохраняйте файл с расширением htm или html. Для просмотра результата нужен Internet Explorer или любой другой браузер (MyIE2, Opera, Netscape). В будущем вы увидите, что необходимо иметь несколько обозревателей, так как разные браузеры визуализируют документ по-разному. По последней статистической информации больше всего пользователи используют Internet Explorer (больше 90%). Для создания первого документа нам нужны следующие элементы:
Описание структуры документа напоминает "матрешку", элементы, как контейнеры включат содержание (текст, изображение и т.д.) или друг друга (если это разрешено файлом описания типа документа DTD). В нашем случае элемент HTML всегда включает в себя элемент BODY. Сохраните файл с любым названием, но с расширением .html или .htm. Лучше приучить себя только к одному расширению. Это может избавить вас в будущем от различных казусов при построении гиперсвязей. Примечание: первый документ на сайте лучше называть index.html или index.htm. При наборе какого-то адреса www.somedomain.xx в браузере, сразу же (по умолчанию) ищется файл с таким названием. Название примера служит ссылкой на просмотр результата этого примера. Пример 1.
<HTML>
<BODY>
Текст документа….
</BODY>
</HTML>
* Посмотрите пример из спецификации HTML 4.01
Пример 2.Текст документа… Обратите внимание. Оба файла будут выведены в обозревателе одинаково. Второй пример приводится, как демонстрационный (не смотря на то, что теги элементов BODY и HTML отсутствуют в файле, сами элементы подразумеваются, как присутствующие по умолчанию). Всегда соблюдайте структуру Примера 1. Описание атрибутов HTML и BODY.Каждый элемент имеет атрибуты, или свойства. Атрибуты включаются в начальный тег элемента, как список разделенных пробелами пар атрибут="значение": <ЭЛЕМЕНТ атрибут1="значение1" атрибут2="значение2" …атрибутn="значениеn"> HTML
Атрибут version для элемента HTML является устаревшим и не рекомендован для употребления. Лучше использовать элемент <DOCTYPE>. BODY
Изменим цвет фона Пример 3.
<HTML>
<BODY bgcolor='green'>
Текст документа….
</BODY>
</HTML>
Изменим цвет текста. Пример 4.
<HTML>
<BODY text='red'>
Текст документа….
</BODY>
</HTML>
*Все атрибуты, связанные с визуализацией документа, являются устаревающими. Все они имеют альтернативное решение с помощью каскадных стилевых таблиц. Здесь и далее, устаревающие элементы и атрибуты приводятся специально, так как с их помощью можно преодолевать правила стилевых таблиц. |
