Введение в HTML

Введение в HTML

Принципы создания Web-страниц                        

Web-страница, загружаемая в браузер, представляет собой HTML-файл. Это текстовый ASCII-файл с расширением .htm, .html или .htmll. Файлы .htm создаются для обработки в операционной системе DOS (где принято расширения обозначать тремя буквами), Для работы в Windows 9х/2000 допустимо сохранять HTML-файлы с расширениями .htm и .html, причем более предпочтительным является .html: Если работа с файлами Web-документов будет выполняться в ОС Unix, можно использовать расширение .htmll

Для просмотра HTML-кода страницы в брау­зере Internet Exlorer можете выполнить любое из следующих действий:

•       Щелкните правой кнопкой мыши в окне документа и в появившемся контекстном меню выберите команду Просмотр в виде HTML.

•       Выберите команду меню Вид - В виде HTML.                                           /

После этого на экране откроется окно приложения Блокнот с HTML-кодом просматри­ваемой вами страницы.

Если вы работаете в браузере Netscape, то просмотреть HTML-код загруженного докумен­та вы сможете с помощью команды View - Page source или нажатия клавиш Ctrl+U.


Документ оформленный в соответствии со стандартом HTML называется документом HTML (HTML-документом).Такой документ состоит из содержимого и тегов определяющих структуру и отображение документа HTML-документ сохраняется в виде HTML файла

Редакторы HTML-файлов

Поскольку документ Web представляет собой текстовый файл, для его редактирования можно использовать не только Блокнот, но и любой текстовый редактор, например, из состава MS-DOS, Norton Commander или FAR. Кстати, многие пользователи так и де­лают, набирая вручную HTML-код в этих простейших редакторах.

В настоящее время существуют также более серьезные программы для подготовки Web-страниц, которые можно условно разделить на два типа:

•       Визуальные редакторы HTML, (например, Microsoft FrontPage, Macromedia Dreamveawer, и др.). При работе в этих программах пользователь имеет дело с графическими образами элементов HTML , а не с кодом документа. Редакторы также позволяют открывать параллельно код документа и графический образ и редактировать страницу там где это удобно в данный момент.

•       Редакторы собственно HTML-текстов, позволяющие автоматизировать набор и редактирование кода (например, HomeSite, HotDog, Ken Nesbitt Web Editor и многие другие). Эти программы дают возможность пользователю быстро и легко вставлять в документ элементы HTML, проверять синтаксис команд, выполнять запуск и отладку страницы, не покидая окна редактора. Вообще работа в таких редакторах напоминает работу в интерактивной среде программирования типа Delphi или Visual Basic.

Кроме перечисленных двух категорий, существуют программы, объединяющие в себе черты текстовых и визуальных HTML-редакторов. К таким программам относится Hot-Metal разработки компании SoftQuad Software.

Теговая модель

Разметка HTML-документов выполняется с помощью тегов, которые записываются с соблюдением определенных правил. Теговая модель предполагает разбиение документа на отдельные фрагменты, которые заключаются в теги или начинаются тегом.

Тег(tag- указатель метка) -это код идентифицирующий опредленный элемент документа HTML например абзац заголовок ссылку таблицу т. д. Теги заключаются угловые скобки < >.

Теги HTML являются подмножеством тегов языка SGML. Если какие-либо из тегов не понятны браузеру, они при анализе документа просто игнорируются.

Парные и одиночные теги, контейнеры

Все теги начинаются с открывающейся угловой скобки <, за которой следует текст, определяющий содержание тега, например, TITLE или BODY. Оканчивается тег закрывающейся угловой скобкой >. Содержанием тега может быть просто имя тега либо имя и набор атрибутов тега (см. раздел «Атрибуты тегов» данной главы).

Большинство тегов являются парными, то есть для каждого начального тега <Имя> есть конечный тег </Имя>, в котором к имени тега добавляется косая черта "/" (слэш), например,

<HTML>...</HTML> <HEAD>...</HEAD>

Здесь многоточие означает, что между начальным и конечным тегами может находиться текст и (или) другие теги. Парные теги предназначены для описания содержимого документа: заголовка, абзаца, элементов таблицы и т.д.

Кроме парных, возможны одиночные теги, т.е. теги, в которых имеется только открывающий тег. В соответствии с инструкциями одиночных тегов браузер выполняет опре­деленные действия. Например, согласно тегу <BR> выполняется разрыв текстовой стро­га, а в соответствии с тегом <Р> формируется новый абзац. При наличии тегов <HR> или <EMBED> производится вставка горизонтальной линии, изображения или звукового файла соответственно.

Имена всех тегов стандартизированы и удобны для запоминания. Например, имя тега <BODY> (в переводе «тело») обозначает основную часть документа, а тег <i> (сокращение от italic - курсив) задает начертание курсивом.

 

Имена в парных тегах должны быть одинаковыми. Отклонение от этого правила будет считаться ошибкой. Однако в некоторых случаях можно опускать закрывающие теги. Пара тегов, состоящая из начального и конечного тегов, называется контейнером. Контейнеры обозначаются по имени начального тега и записываются в угловых скобках. Два выражения «пара тегов <TITLE></ TITLE>» и «контейнер <TITLE>» обозначают одно и то же.
Hosted by uCoz