Студопедия — Разметочные теги языка HTML
Студопедия Главная Случайная страница Обратная связь

Разделы: Автомобили Астрономия Биология География Дом и сад Другие языки Другое Информатика История Культура Литература Логика Математика Медицина Металлургия Механика Образование Охрана труда Педагогика Политика Право Психология Религия Риторика Социология Спорт Строительство Технология Туризм Физика Философия Финансы Химия Черчение Экология Экономика Электроника

Разметочные теги языка HTML






HTML (HyperTextMarkupLanguage, язык гипертекстовой разметки), который представляет собой набор специальных инструкций браузеру для созданиявеб-страницы.Каждая команда данного языка называется тег.Теги HTML сообщают браузеру информацию о структуре и особенностях форматирования веб-страницы. Каждый тег содержит определенную инструкцию и заключается в угловые скобки < >, например: < html>;. Большинство тегов состоят из открывающей и закрывающей частей и воздействуют на текст, заключенный внутри.

Как правило, HTML-теги используются в паре, например: < b> < /b>;. Заметьте, что закрывающий тег обязательно содержит знак «/».

Первый тег называется начальным или открывающим, а второй – конечным или закрывающим тегом. Текст, находящийся между начальным и конечным тегом подвергается «разметке». Например, < b> Привет < /b> будет отображено браузером как Привет (слово «Привет» написанное жирным шрифтом).

Соответственно теги объединяются в контейнеры, каждый из которых состоит из открывающего тега его параметров, текста к которому относится данная команда и закрывающего тега (см. рис. 2.1.), например,

< font size= «3»type= «Arial» > Привет < / font>, выведетслово «Привет» гарнитурой Arial, размером 12 пт. (3 размер).

 

Рис. 2.1. Контейнер языка html

 

Таким образом, каждый тег независимо от того отвечает ли он за формирование документа или обработку текста имеет имя, атрибуты и содержимое.Имя тега всегда записывается латинскими буквами. По имени определяется тот набор действий, которые данный тег должен выполнять. Например, конструкция < title> < /title> говорит о том, что заключённый в неё текст – заголовок страницы. Если при описании тега допустить ошибку, то есть написать имя, не входящее в спецификацию HTML, или задать неправильно его параметры, то такой тег не будет воспринят интерпретатором, и, соответственно, указанное форматирование не отразится на экране.

Следует отметить, что атрибуты записываются в первом, открывающемся теге после имени. Если используется несколько атрибутов, они отделяются друг от друга пробелом. После имени атрибута должен следовать знак равенства и затем без пробелов значение, заключённое в двойные кавычки «».

Основной функцией тегов HTML является форматирования текста (т.е. придания ему нужного вида), который читает браузер. Документы HTML хранятся в виде файлов с расширением.htm или.html.

Рассмотреть вложенную, иерархическую структуруHTML-документаболее подробно. Начнем с того, что любая HTML-страница в обязательном порядке должна содержатьстроку, содержащую декларацию типа документа. Все объекты веб-страницы располагаются после декларации внутри контейнера < html> < /html>. Веб-страницу, как и любой документ можно разделить на заголовок и основную часть (см. рис 2.2).

Рис. 2.2. Разметка веб-страницы

В заголовке < head> < /head> находится вся описательная информация, подключаются дополнительные файлы, формируется заголовок страницы. В неё можно поместить теги < title> Заголовок < /title>, формирующие заголовок. Также здесь используют тег < meta> для описания метаданных. Например, этим тегом можно задать кодировку страниц: < meta http-equiv=" Content-Type" content=" text/html"; charset=" utf8" > (в данном случае будет использоваться кодировка utf-8). Или перечислить ключевые слова, которые будут использовать поисковые программы для обработки страницы, или описание сайта: < meta name = " description" content=" Это мой сайт, на котором я буду размещать информацию о себе." />. Ещё можно подключать файлы, используя тег < link> или скриптовые файлы-обработчики, используя конструкцию < script> < /script>;.

В основной части документа (теле) располагаются все остальные данные: текст в виде параграфов, таблицы, изображения и др. Определяется основная часть веб-страницытегами < body> < /body>;. Все остальные теги форматирования помещаются внутрь.

Таблица 2.1.

Атрибуты тега

Атрибут Характеристика
alink Устанавливает цвет активной ссылки.  
background Задает фоновый рисунок на веб-странице.  
bgcolor Цвет фона веб-страницы.  
bgproperties Определяет, прокручивать фон совместно с текстом или нет.  
bottommargin Отступ от нижнего края окна браузера до контента.  
leftmargin Отступ по горизонтали от левого края окна браузера до контента.  
link Цвет ссылок на веб-странице.  
rightmargin Отступ от правого края окна браузера до контента.  
scroll Устанавливает, отображать полосы прокрутки или нет.  
text Цвет текста в документе.  
topmargin Отступ от верхнего края окна браузера до контента.  
vlink Цвет посещенных ссылок.  

Вопросы и задания для самостоятельной работы

1. Что такое тег, какими обязательными свойствами он обладает?

2. Назовите основные теги разметки веб-страницы.

3. Для чего используется тег < title> < /title>?

4. Какие теги заголовка ненужно закрывать?

5. В каком разделе, и с помощью какого тега описывается кодировка веб-страницы?







Дата добавления: 2014-11-10; просмотров: 1470. Нарушение авторских прав; Мы поможем в написании вашей работы!



Обзор компонентов Multisim Компоненты – это основа любой схемы, это все элементы, из которых она состоит. Multisim оперирует с двумя категориями...

Композиция из абстрактных геометрических фигур Данная композиция состоит из линий, штриховки, абстрактных геометрических форм...

Важнейшие способы обработки и анализа рядов динамики Не во всех случаях эмпирические данные рядов динамики позволяют определить тенденцию изменения явления во времени...

ТЕОРЕТИЧЕСКАЯ МЕХАНИКА Статика является частью теоретической механики, изучающей условия, при ко­торых тело находится под действием заданной системы сил...

Конституционно-правовые нормы, их особенности и виды Характеристика отрасли права немыслима без уяснения особенностей составляющих ее норм...

Толкование Конституции Российской Федерации: виды, способы, юридическое значение Толкование права – это специальный вид юридической деятельности по раскрытию смыслового содержания правовых норм, необходимый в процессе как законотворчества, так и реализации права...

Значення творчості Г.Сковороди для розвитку української культури Важливий внесок в історію всієї духовної культури українського народу та її барокової літературно-філософської традиції зробив, зокрема, Григорій Савич Сковорода (1722—1794 pp...

Неисправности автосцепки, с которыми запрещается постановка вагонов в поезд. Причины саморасцепов ЗАПРЕЩАЕТСЯ: постановка в поезда и следование в них вагонов, у которых автосцепное устройство имеет хотя бы одну из следующих неисправностей: - трещину в корпусе автосцепки, излом деталей механизма...

Понятие метода в психологии. Классификация методов психологии и их характеристика Метод – это путь, способ познания, посредством которого познается предмет науки (С...

ЛЕКАРСТВЕННЫЕ ФОРМЫ ДЛЯ ИНЪЕКЦИЙ К лекарственным формам для инъекций относятся водные, спиртовые и масляные растворы, суспензии, эмульсии, ново­галеновые препараты, жидкие органопрепараты и жидкие экс­тракты, а также порошки и таблетки для имплантации...

Studopedia.info - Студопедия - 2014-2024 год . (0.013 сек.) русская версия | украинская версия