Html-документ: первые шаги

HTML-документ – это файл с расширением *.html или *.htm, созданный с применением языка разметки гипертекста. Для форматирования документа (установки его параметров) служат теги – команды языка HTML. Общий вид записи тега выглядит так: <Тег>. . .текст</Тег>,где <Тег> является «открывающим» тегом (обозначает начало действия определенной команды в документе), а </Тег> - «закрывающий» тег (определяет место окончания действия). Пара тегов – закрывающий и открывающий – образуют элемент под названием «контейнер».

Главная информационная роль отводится атрибутам тегов. Атрибут является набором символов, значение которых соответствует значению определенного английского слова. У одного тега может быть несколько атрибутов. Разберем конкретный пример. Тег <font> применяется для форматирования текста. Однако он не способен указать подробные параметры форматирования (размер текста, шрифт и его начертание, цвет и другие). Зато это по силам атрибутам face (гарнитура шрифта), color (цвет), dir и lang (направление чтения текста и информация о языке), size (размер текста). HTML-код: <font face="Verbana, Arial, Helvetica, sans-serif">, причем font – тег, face – атрибут, Verdana, Arial . . . – значение атрибута.

Теперь, обладая знаниями, достаточными на первое время, создадим наш первый html-документ. Для этого откройте любой текстовый или визуальный html-редактор (в последнем случае придется перейти в режим отображения кода). Начинающим веб-мастерам довольно часто советуют создавать первые веб-страницы с помощью обыкновенного текстового редактора (например, Блокнота в Windows). Трудно сказать, чем обусловлены подобные рекомендации, но для написания кода разумнее воспользоваться специализированными программными продуктами (EmEditor, Dreamweaver, HomeSite). Конечно, в начале будет трудно. Однако вскоре вы привыкните к выбранной программе, разберетесь в ее особенностях. А такие полезные функции как подсветка синтаксиса, сообщения об ошибках, встроенный браузер для наглядной демонстрации результатов, окупят все мучения.

Страница: 1 из 2 - --->

Навигация: 1 2

Другие статьи по теме:

- Подбор шрифта и верстка текста
- Верстка с помощью слоев
- Страницы контактов
- Сверх поиска
- Splash-страницы