Хотя основа документа HTML – простой текст, чтобы создать настоящий HTML документ, необходимо кое-что еще. А именно задать структуру документа HTML.
Структура документа HTML состоит из тегов, которые окружают содержимое и придают ему определенное техническое значение.
Измените свой документ следующим образом:
Это моя первая веб-страница
Теперь сохраните документ, вернитесь в браузер и выберите команду «Обновить» (это перезагрузит вашу веб-страницу).
Внешний вид страницы никак не изменился. Однако предназначение HTML – определение значения для содержимого, а не внешнего представления, и данный пример показал нам несколько фундаментальных элементов веб-страницы, задающих базовую структуру документа HTML.
Вернемся к нашему примеру. Следующая команда в структуре документа HTML, команда , — открывающий тег, который прекращает все недомолвки и прямо говорит браузеру, что все, что между ним и закрывающим тегом , является HTML документом. Все что находится между и является основным содержимым веб-страницы и выводится в окне браузера.
HTML что такое тег. Парные, непарные теги. Тег i. Тег br. HTML5 для начинающих. Урок#2
Закрывающие теги
Теги и закрывают соответствующие открывающие теги. Все теги в структуре документа HTML 4.01 (XHTML) должны быть закрыты. Хотя более ранние стандарты прохладно смотрели на то, что некоторые теги оставались открытыми, новые стандарты языка требуют, чтобы абсолютно все теги были закрыты. В любом случае следование этому правилу будет хорошей привычкой.
Не у всех тегов есть соответствующие закрывающие теги (вроде ). Некоторые теги, которые не заключают в себе контент, закрывают сами себя. Например, тег разрыва строки выглядит следующим образом:
. Мы вернемся к этому примеру позднее. Все что нужно запомнить, это то, что все теги в структуре документа HTML должны быть закрыты, и большинство из них (те которые содержат какой-нибудь контент) имеют следующую форму: открывающий тег → контент → закрывающий тег.
Атрибуты
У тегов также могут быть атрибуты. Атрибуты – это определенная дополнительная информация. Атрибуты определяются в открывающем теге, а их значения всегда заключаются в кавычки. Все это выглядит следующим образом:
<тег атрибут=»значение»>контент
Подробнее о тегах с атрибутами мы поговорим немного позже.
Элементы
Предназначение тегов – обозначать начало и конец элемента структуры документа HTML. Элементы же это кирпичики, из которых складывается веб-страница. Так, например, все что находится между тегами и , включая сами эти теги, является элементом body.
Источник: msiter.ru
Что такое Тег
Обычно под тегом в этом случае понимают элемент языка разметки.
Тег в HTML — объявленная именная метка, которая позволяет отделить содержимое, и наделить его определенными свойствами, которые в этом теге указаны.
#2 Знакомство с HTML, базовая структура, мета-теги [Курс по Верстке от AROKEN]
Теги выделяются знаками:
Название — имя тега находится между этими знаками:
Открывающий и закрывающий теги
Итак, мы отметили, что теги позволяют отделить определенное, нужное содержимое. То есть указать где это содержимое начинается, а где кончается. Для этого используются открывающие и закрывающие теги.
Закрывающий тег перед названием содержит символ слеш /, то есть в выглядит так:
Открывающий тег, знака слеш не содержит.
Синтаксис тегов в HTML
Как правило, теги используются следующим образом:
открывающий тег Информация закрывающий тег
Рассмотрим пример
С помощью языка разметки гипертекста выделим жирным текстом:
Наш текст, выделенный жирным
Исключения
Из любого правила есть исключения. Иногда используются только открывающие теги. Например, в случае с обозначением картинки:
Это вполне объяснимо, мы указали что нужно вывести картинку, дали на нее ссылку.
Никакого другого содержимого, которое надо закрыть нет, поэтому и закрывающего тега нет.
Иногда могут использоваться, только закрывающие теги, Рассмотрим пример. Так обозначает пустую строку.
Зачем использовать два тега, если между ними нет никакого содержимого. Поэтому используют только зарывающий тег.
Важнейшие теги
Перечислим теги, без которых не может обойтись ни одна веб страница.
Означает, что содержимое написано на языке HTML.
Содержимое между этими тегами, не видно непосредственно на странице сайта, но оказывает на него важнейшее влияние.
Ограничивают информацию выводимую на странице веб браузера.
Без перечисленных тегов не может обойтись ни одна страница на HTML. Существуют и многие другие. Мы обязательно с ними познакомимся.
Источник: www.uswin.ru
Какой тег должен открывать html программу а какой закрывать ее
Ответ. Тег должен открывать программу, а тег — закрывать её.
Ответ. Между двумя основными тегами и располагается головная часть программы и ее тело :
Ответ. Головная часть HTML-программы записывается между открывающим тегом и закрывающим :
Ответ. Тело HTML-программы записывается между открывающим тегом и закрывающим :
Ответ. В элементе . описываются общие правила интерпретации HTML-кода в целом, и содержится вспомогательная информация о документе и авторе документа (теги ). Кроме того, головная часть содержит элемент TITLE — в нём задаётся название окна показа документа.
Ответ. Указание кодировки браузер использует для выбора кодовой таблицы, задающей соответствие между кодами символов и их образами на экране.
Ответ. Текст на экране будет в нечитаемом виде.
Ответ. Нужно в головную часть ( . ) поместить тег МЕТА c указанием кодировки в виде:
В примере задана кодировка windows-1251.
Ответ. Если сервер, на котором расположен сайт, поддерживают автоматическую перекодировку страниц, то указание кодировки может привести к путанице: сервер сообщит браузеру, что перешлёт ему страницу в той кодировке, которая указана в теге МЕТА , а сам перекодирует страницу в другую. Пользователь увидит на экране “кракобяки”.
Разработчик должен поинтересоваться у провайдера сервера, на котором он собирается держать свой сайт, будет ли сервер перекодировать страницы перед передачей браузеру клиента, нужно ли на страницах указывать кодировку.
Ответ. Название окна задаётся в головной части при помощи элемента TITLE :
Ответ. Это удобно по трём причинам:
- Когда окно с сайтом свёрнуто в кнопку на Панели Задач , пользователь видит на этой кнопке заголовок текущей страницы.
- Название окна заносится в набор избранных сайтов (меню Избранное ), если пользователь решит запомнить ссылку на текущую страницу.
Название окна — дополнительная подсказка пользователю о его текущем положении на сайте.
Ответ. Эти элементы задают описание документа и ключевые слова для поисковых систем, что способствует продвижению (“раскрутке”) сайта в Интернете.
Ответ. Заголовки — важный структурный элемент разметки документа. Они разделяют информацию на отдельные логические части и поэтому существенно улучшают её восприятие.
Ответ. В HTML-документе поддерживаются заголовки шести уровней при помощи конструкции:
В качестве n следует использовать одну из цифр 16, обозначающую уровень заголовка.
Ответ. Шесть уровней: H1 (первый уровень), H2 , H3 , H4 , H5 , H6 (последний уровень).
Ответ. При отображении HTML-документа браузер выделяет заголовки размером шрифта и жирностью.
Ответ. Элементы Hn предназначены для структурной разметки. Применять их для обычных выделений текста неразумно по двум причинам.
Во-первых, нарушение логики разметки будет мешать самому разработчику.
Во-вторых, существуют специальные программы, которые автоматически составляют оглавление гипертекстового документа, используя элементы Hn . Если заголовочные теги обрамляют обычные тексты или не отражают иерархическую структуру документа, оглавление будет построено неверно.
Ответ. Горизонтальная линия задаётся тегом , и этот тег не имеет парного закрывающего.
Ответ. Абзацы помогают структурировать текст, разделяя его на небольшие логические порции.
Ответ. Абзацы отделяются друг от друга “красными” или пустыми строками. Красная строка — это первая строка абзаца с текстом, сдвинутым вправо.
Ответ. По умолчанию браузер отделяет абзацы друг от друга пустыми строками.
Ответ. Абзац задаётся тегами
и
, между которыми помещается текст.
Ответ. Браузер строит абзац следующим образом:
- Абзац выводится с новой строки и перед ним формируется отступ (пустая строка).
- Абзац выравнивается по левому краю.
- Между словами помещается ровно по одному пробелу независимо от того, сколько пробелов проставлено в HTML-коде.
- Перенос текста на новую строку выполняется, если очередное слово не помещается в экранной строке, а не тогда, когда в HTML-коде начинается новая строка.
- Завершая абзац, браузер выполняет переход на новую строку и формирует после абзаца отступ (пустую строку).
Ответ. Блочные элементы выводятся на экран прямоугольниками, последовательно сверху вниз. Ширина прямоугольника совпадает с шириной родительского элемента, а высота определяется по содержимому.
Ответ. Строчные элементы содержатся внутри блочных и занимают место в строке, переходя на следующие строки, если в текущей не хватило места.
К строчным относятся элементы, позволяющие выделять текст (например, курсивом или жирностью), а также обычный неразмеченный текст — он автоматически собирается браузером в безымянные строчные элементы.
Ответ. Самый главный блочный элемент — HTML . Он содержит блочный элемент BODY , в котором располагаются все другие элементы страницы.
Примеры блочных элементов: ADDRESS , BLOCKQUOTE , BODY , DD , DIV , DL , DT , Hn , HR , HTML , LI , OL , P , PRE , TABLE , TBODY , TD , TFOOT , TH , THEAD , TR , UL .
Ответ. Примеры строчных элементов: A , ABBR , ACRONYM , B , BIG , BR , CITE , CODE , DFN , EM , FONT , I , IMG , KBD , Q , SAMP , SMALL , SPAN , STRONG , SUB , SUP , TT , U , VAR .
Ответ. Блочный элемемент может содержать блочные элементы, строчные, а также смесь из блочных и строчных.
Ответ. Строчный элемент может содержать только строчные элементы.
Ответ. Нет. Это исключение из общего правила.
Ответ. При изменении ширины окна меняется ширина HTML и вложенного в него BODY таким образом, чтобы занять по ширине всё окно.
Соответственно, меняется ширина всех вложенных в BODY элементов таким образом, чтобы они занимали всю ширину BODY . И так происходит на каждом иерархическом уровне при вложении элементов друг в друга.
Строчные элементы при этом также стараются занять всю ширину своих блочных предков.
Ответ. В этом случае браузер вынужден включать горизонтальную прокрутку, чтобы дать пользователю возможность просмотреть целиком содержимое страницы.
Ответ. Код, записанный лесенкой, гораздо легче читать и понимать. Структурная лесенка должна повторять иерархическую структуру блочных элементов: каждый потомок смещается вправо по отношению к телу своего родителя.
Ответ. Если записывать строчки более длинными, то для их просмотра придётся использовать горизонтальную прокрутку окна текстового редактора, а это не удобно.
Источник: robotlandia.ru