- •Вопрос3 Информационная безопасность в Intranet
- •Вопрос4. Язык html был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1989—1991 годах.
- •Имеет ли значение регистр в тэгах html?
- •Вопрос10 Карта ссылок документа html
- •Вопрос11 Описание фреймов
- •Вопрос12 Основы css
- •Способы подключения css к документу
- •Вопрос13 JavaScript — объектно-ориентированный скриптовый язык программирования.
- •Вопрос14 объкты браузера Объект window
- •Свойства объекта window:Свойство
- •Объект document и свойства документа
- •Объект navigator и свойства браузера
- •Объект history
- •Формы и массив объектов forms
- •Фреймы и массив объектов frames
- •Изображения и массив объектов images
- •Вопрос16 Формативание блока
- •Вопрос17 История dhtml
- •Обзор свойств и методов элементов
Вопрос4. Язык html был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1989—1991 годах.
HTML (от англ. HyperText Markup Language — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине(такие документы традиционно имеют расширение .html или .htm). Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме.
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
3 <html>
4 <head>
5 <!-- служебная информация располагается в голове –>
6 </head>
7 <body>
8 <!-- описание самого документа, то есть его тело –>
9 </body>
10 </html>
Самой первой строчкой идет объявление типа документа, так называемый DOCTYPE. Эта строка является очень важной, так как, она указывает браузеру, какую версию HTML движка, он должен использовать для рендеринга этого документа, в случае неправильного указания, некоторые элементы оформления могут “съезжать”.
Далее идет тег <html>, который является корневым элементом. С него начинается вся разметка HTML документа, этот тег является контейнером для всех остальных тегов.
HTML документ, всегда, разбит на две части:
голову — тег <head>
тело – тег <body>
В секции head размещается служебная информация, такая как:
заголовок страницы – тег <title>
ссылки на CSS файлы, и RSS потоки – <link>
также могут размещаться ссылки на скрипты, либо сами скрипты, но это не желательно, в целях повышения производительности, скрипты лучше выносить в самый низ документа, перед закрывающим тегом </body>.
В секции <body> помещаются все теги, которые будут описывать структуру страницы:
блоки – <div>
праграфы – <p>
ссылки – <a>
списки – <ul>, <ol>
картинки – <img />
таблицы – <table>
и иные элементы разметки документа
Теги и атрибуты:
Существует два типа тегов HTML - контейнерные и одиночные, которые всегда заключаются в угловые скобки <...>.
Контейнерные теги состоят из пары - открывающий и закрывающий тег <...>...</...>. Перед именем закрывающего тега необходимо ставить косую черту (слэш) "/". В закрывающем теге не нужно писать атрибуты присутствующие в открывающем теге!
Одиночные теги менее распространены и состоят лишь из открывающего тега. Пример: <br>.
Тег может иметь атрибуты и значения атрибутов. Пример: <тег имя_атрибута_1="значение" имя_атрибута_2="значение">...</тег>. Атрибуты добавляют в тег для расширения или модификации его действий.
Чтобы расширить возможности отдельных тегов и более гибко управлять содержимым контейнеров и применяются атрибуты тегов.
Для атрибутов тегов используются значения по умолчанию
Когда для тега не добавлен какой-либо допустимый атрибут, это означает, что браузер в этом случае будет подставлять значение, заданное по умолчанию. Если вы ожидали получить иной результат на веб-странице, проверьте, возможно, следует явно указать значения некоторых атрибутов.
Атрибуты без значений
Допустимо использовать некоторые атрибуты у тегов, не присваивая им никакого значения
Порядок атрибутов в тегах
Порядок атрибутов в любом теге не имеет значения и на результат отображения элемента не влияет. Поэтому теги вида <img src="/images/title.gif" width="438" height="118"> и <img height="118" width="438" src="/images/title.gif"> по своему действию равны.
Формат атрибутов
Каждый атрибут тега относится к определенному типу (например: текст, число, путь к файлу и др.), который обязательно должен учитываться при написании атрибута. Так, в примере 3.3 упоминается тег <img>, он добавляет на веб-страницу рисунок, а его атрибут width задает ширину изображения в пикселах. Если поставить не число, а нечто другое, то значение будет проигнорировано и возникнет ошибка при валидации документа.