Содержание введение Структура html документов icon

Содержание введение Структура html документов



НазваниеСодержание введение Структура html документов
страница1/23
Дата конвертации27.08.2012
Размер1.57 Mb.
ТипРеферат
  1   2   3   4   5   6   7   8   9   ...   23

СОДЕРЖАНИЕ

Введение

Структура HTML документов

Вставка комментариев

Заголовок HEAD TITLE BASES TYLE LINK META

Фреймы FRAMESET FRAME NOFRAMES

Скрипты SCRIPT NOSCRIPT

Навигационные карты MAP AREA

Тело документа BODY

Гиперссылки A

Текстовые блоки H1,H2,...H6 P DIV ADDRESS BLOCKQUOTE BR HR PRE LISTING, PLAINTEXT, XMP

Форматирование текста BASEFONT FONT I EM B STRONG U S, STRIKE BIG SMALL SUP SUB CODE, SAMP TT KBD VAR CITE

Списки UL OL LI MENU, DIR DL DT DD

Объекты IMG EMBED NOEMBED APPLET PARAM

Таблицы ^ TABLE CAPTION TR TD и TH

Формы FORM TEXTAREA SELECT OPTION INPUT

Это вам пригодится: Таблица базовых цветов Таблица MIME-типов Спецсимволы в HTML FAQ


^

Введение.

HTML-справочник
Коротко о справочнике


Это не перевод скучной спецификации и не попытка написать учебник. Задача справочника – коротко и ясно описать действие всех элементов языка HTML, которые вы можете без опаски использовать при создании Internet-страниц, не боясь, что какая-то версия какого-либо браузера сделает вам неприятный сюрприз.

Иначе говоря, здесь представлен "классический" HTML, употребляемый профессиональными web-разработчиками. И ничего лишнего.

Все теги, не описанные в этом справочнике, можете смело выбросить в помойку.


^ Как устроен справочник

Очень просто. Эталоном построения справочника стали классические брошюры по всевозможным языкам программирования, описывающие элементы языка парой "элемент – описание".


^ Для "крутых"

Справочник не рассчитан лишь на начинающих. Я частенько пользуюсь им как шпаргалкой если что-нибудь подзабыл. Несмотря на то, что HTML – штука очень простая, иногда из головы напрочь вылетает какая-нибудь мелочь. Например, что у элемента HR есть жутко полезный атрибут NOSHADE.



^ Как понимать написанное


Справочник оперирует всего двумя понятиями, разобраться в которых, я думаю, не составляет никакого труда:

Тег – оформленная единица HTML-кода. Например, , , , и так далее. Теги бывают начальными (открывающими) и конечными (закрывающими, начинающимися со знака "/"). Например, вышеуказанным тегам соответствуют закрывающие теги , , , .

Элемент – понятие, введенное для удобства. Например, элемент HEAD состоит из двух тегов – открывающего и закрывающего . Следовательно, элемент – более емкое понятие, обозначающее пару тегов и участок документа между тегами, на который распространяется их влияние.
^

Структура HTML-документа. Начинаем работу.



С чего начинается HTML

Для того, чтобы текстовый файл превратился в HTML-файл, поменять его расширение с ".txt" на ".html" недостаточно. Надо соблюсти "правило первой строки":

Каждый HTML-документ, отвечающий спецификации HTML какой-либо версии, обязан начинаться со строки декларации версии HTML !DOCTYPE, которая обычно выглядит так:

Эта строка поможет браузеру определить, как правильно интерпретировать данный документ. В данном случае мы говорим браузеру, что HTML соответствует международной спецификации версии 3.2, которая хоть и не отличается новизной, но, в отличие от более поздних версий, является полноценным, широко распространенным стандартом без каких-либо неопределенностей. Как видно из примера, самый короткий html-документ состоит буквально из одной строки.


  ^ Пример самого короткого HTML-документа:

     




С чего начинается работа

На самом деле одной строкой дело не обходится. После объявления версии и типа документа необходимо обозначить его начало и конец. Это делается с помощью тега-контейнера . Необходимо отметить, что любой HTML-документ открывется тегом и им же закрывается.

Затем, между тегами и  следует разместить заголовок и тело документа. Вот и все! Начало положено – вы получили прекрасную заготовку. Вот как должен выглядеть ваш базовый HTML-файл перед началом работы:


  ^ Правильный пример самого короткого HTML-документа:

     



   
    Заголовок документа
   

Текст документа




Разжевать?

Если приведенный выше пример пояснить схематически, получится следующее:










Из схемы видно, что документ состоит из двух основных блоков – "заголовка" и "тела документа". Заголовок определяется с помощью элемента HEAD, а тело – элементом BODY.

Заголовок содержит "техническую" информацию о документе, хотя чаще всего используется только для обозначения его названия (см. элемент TITLE).

Тело документа – святая святых. Именно в нем находится все то, что отображается на странице: текст, картинки, таблицы. Соответственно, делаем вывод: большинство ваших HTML-экспериментов будет проводиться в пространстве между тегами и 


^ Распространённые ошибки:

Размещение заголовка в теле документа (или наоборот) совершенно недопустимо. Сначала закрываем заголовок , и лишь затем открываем тело

Комментарии:
  1   2   3   4   5   6   7   8   9   ...   23




Похожие:

Содержание введение Структура html документов iconСодержание
Введение
Содержание введение Структура html документов iconЧто такое рабочая программа? Какое место она занимает в ряду документов, определяющих содержание образования? В пункте 7 статьи 32 «Компетенция и ответственность образовательного учреждения»
Льного учреждения» Закона РФ «Об образовании» (1996) сказано, что к компетенции образовательного учреждения относится «разработка...
Содержание введение Структура html документов iconДокументы
1. /Введение в DELPHI/Alexs.rtf
2. /Введение...

Содержание введение Структура html документов icon3 Содержание: Стр. Введение
Заключение. Накануне очередной физической революции
Содержание введение Структура html документов iconТема Социально-экономическое содержание страхового рынка
Характеристика страховых компаний: основные типы, организационная структура, направления их деятельности
Содержание введение Структура html документов iconФгоу впо чувашский государственный университет имени
Содержание, структура, объект, предмет философии и основные аспекты философского знания
Содержание введение Структура html документов iconСодержание введение
Классификация помещений (условий работ) по опасности поражения электрическим током
Содержание введение Структура html документов iconДокументы
1. /Образцы нормативно-правовых документов/Акт обследования условаий.doc
2.
Содержание введение Структура html документов icon40. Виды договоров во внешнеэкономической деятельности. Договор купли-продажи, его структура и содержание. 2
Договоры посредничества в вэд. Договор поручения, договор комиссии, агентский договор. 5
Содержание введение Структура html документов iconКнига. "Мои питомцы" Ольга Карагодина Введение
Содержание собак, кошек, птиц, мелких млекопитающих увлечение людей, желающих приобщиться к миру живой природы
Разместите кнопку на своём сайте:
Документы


База данных защищена авторским правом ©podelise.ru 2000-2014
При копировании материала обязательно указание активной ссылки открытой для индексации.
обратиться к администрации
Документы

Разработка сайта — Веб студия Адаманов