Фестиваль профессиональных веб-разработчиков
В начале октября, в отеле «Холидей Инн» прошел четвертый Фестиваль профессиональных веб разработчиков «404»

Окт 5, 2011

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  

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

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

Много нового и интересного на сайте зимних Олимпийских игр в Сочи. Относительно недавно дизайн на проекте был кардинально обновлен.
Всемирное известное издание ARTCOM Media Group про дизайн и архитектуру выпустили журнал INTERNI.
Совсем недавно вышла книга, посвященная самой известной петербургской «Мухе», самой старой в Петербурге школе дизайна.
     Верстка | Анимация | Веб-Дизайн | HTML и CSS | Основы веб-графики
2003-2014 © sredaboom.ru
карта сайта обратная связь на главную