Вредоносное ПО (malware) - это назойливые или опасные программы,...
![Лучшие утилиты для удаления вирусов и вредоносных программ](https://i2.wp.com/webhelper.info/images/danger.jpg)
Парные теги, называемые по-другому контейнеры, состоят из двух частей- открывающий и закрывающий тег. Открывающий тег обозначается как и одиночный - , а в закрывающем используется слэш - . Допускается вкладывать в контейнер другие теги, однако следует соблюдать их порядок. Так, на рис. 4 демонстрируется, как можно и нельзя добавлять один контейнер внутрь другого.
Рис. 4 Вложение тегов, а - правильное, б - неверное
Если связать открывающий и закрывающий тег между собой скобкой, как показано на рис. 4, то несколько скобок обозначающих разные контейнеры, не должны пересекаться между собой (рис. 4а). Любое пересечение условных скобок (рис. 4б) говорит о том, что правильная последовательность тегов нарушена.
Не все контейнеры требуют обязательно закрывающего тега, иногда его можно и опустить. Тем не менее, закрывайте все требуемые теги, так вы приучитесь сводить к нулю возможные ошибки.
Для тегов любого типа действуют определенные правила их использования. Причем, некоторые правила обязательны для выполнения, а другие являются рекомендациями, т.е. их можно выполнять, а можно и нет.
Атрибуты тегов и кавычкиСогласно спецификации HTML все значения атрибутов тегов следует указывать в двойных ("пример") или одинарных кавычках ("пример"). Отсутствие кавычек не приведет к ошибкам, браузеры во многих случаях достаточно корректно обрабатывают код и без кавычек, за исключением текста, содержащего пробелы (пример 2).
Пример 2. Использование кавычек в атрибутах тегов
< html >
< head >
< meta http-equiv="content-type" content="text/html; charset=utf-8">
< title > Кавычки в атрибуте alt
< body >
< p >< img src="images/arena.png" alt="Вид заголовка" width="400" height="101">
< p >< img src="images/arena.png" alt=Вид заголовка width="400" height="101">
В данном примере строка 8 написана правильно, со всеми кавычками, а в строке 9 у атрибута alt кавычки отсутствуют. Из-за этого браузер в качестве значения alt возьмет только первое слово («Вид»), а слово «заголовка» будет воспринято как ошибочное значение. Поэтому всегда приучайтесь указывать значения атрибутов тегов в кавычках.
Теги можно писать как прописными, так и строчными символамиЛюбые теги, а также их
атрибуты нечувствительны к регистру,
поэтому вы вольны выбирать сами, как
писать -
,
или
.
В любом случае рекомендуется придерживаться
выбранной формы записи на протяжении
всех страниц сайта. Заметим также, что
текст, полностью набранный прописными
символами, читается хуже, чем текст со
строчными символами или смешанный.
Внутри тега между его атрибутами допустимо ставить перенос строк. В примере 3 показана одна и та же строка, но оформленная разными способами.
Пример 3. Переносы строк в коде тега
HTML 4.01IE 7IE 8IE 9Cr 11Op 11Sa 5Fx 4
< html >
< head >
< meta http-equiv="content-type" content="text/html; charset=utf-8">
< title > Кавычки в атрибуте alt
< body >
< p >< img src="images/arena.png" alt="Вид заголовка в IE" width="400" height="101">
< p >< img src="images/arena.png"
alt="Вид заголовка в браузере IE"
height="101">
В данном примере первый
тег
набран
в одну строку, включая все его атрибуты,
а второй тег
разбит
на несколько строк.
Хотя ошибки при переносе текста в подобном случае и не возникнет, рекомендуем писать теги в одну строку, иначе ухудшается восприятие кода и его становится сложнее править.
Тег - это специальное зарезервированное слово, заключённое в угловые скобки (например, ). Тег - основная составляющая HTML: им код начинается, им же заканчивается, внутри тегов заключается отображаемая на веб-странице информация. Записывать их рекомендуется в нижнем регистре, то есть обычными маленькими буквами: не , а .
Какими бывают теги?Большинство HTML-тегов являются парными: есть открывающий (например, ) и закрывающий тег, который от открывающего отличает слеш (/ ) после первой угловой скобки (например, ). Всё, что находится внутри пары тегов, называется их содержимым .
Содержимое Помещённый внутри этих тегов текст становится жирным
Бывают и непарные (одиночные) теги, которые называются метками
. Их, в отличие от парных тегов, не нужно закрывать, потому что они не работают с содержимым, а выполняют какую-то функцию сами по себе. Пример одиночного тега -
. Он устанавливает перенос текста на следующую строку.
Если проводить параллели с русским языком, то можно сказать, что парные теги - это кавычки или скобки, влияющие на свойства заключённого в них текста (попробуйте не закрыть кавычки вовремя), а одиночные теги (метки) - это знаки препинания (восклицательный, вопросительный или точка).
Любой тег состоит из:
Так как теги - основа языка разметки, не удивительно, что их довольно много. Рассмотрим основные, самые важные теги.
, , , и другие теги форматирования текста составляют большую группу HTML-тегов, о них рассказывает статья «Форматирование текста в HTML» .
или блок . Текст в нём оформлен в едином стиле, но вы бы хотели, не нарушая структуры, сделать так, чтобы несколько слов имели другой размер шрифта или цвет. Именно для таких ситуаций и предназначен тег .
, и | |||||
1991 | 1995 | 1997 | 1999 | 2000 | 2014 |
Текст между
и
(англ. HTML Paragraph Element ) определяет параграф (абзац). Содержание элемента всегда начинается с новой строки.Ниже показано как отображается вышерассмотренный пример в браузере:
Обращаю Ваше внимание, что все примеры, которые рассматриваются в учебнике доступны для просмотра в отдельном окне. Желательно, чтобы вы помимо вопросов и задач, которые будут приводится в конце каждой статьи создавали аналогичные (собственные примеры) и эксперементировали с ними. Это позволит Вам максимально быстро изучить и применять рассмотренный материал.
Вопросы и задачи по темеПеред тем как перейти к изучению следующей темы ответьте, или найдите ответ на следующие вопросы:
Определение в Википедии: HTML (от англ. HyperText Markup Language - язык разметки гипертекста ) – стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML ). Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме.
Все что Вы видите в окне браузера, каждый элемент веб страницы: текстовые блоки, абзацы и заголовки, фотографии, реклама, различные меню, формы для заполнения и т.д., - все это создано и размещено на странице веб разработчиком при помощи HTML.
Язык HTML отвечает за разметку страницы, за порядок и последовательность расположения ее элементов. При помощи HTML элементам страницы задают определенные свойства и характеристики. Редактирование текста - это тоже HTML.
Но HTML - это не язык программирования, как некоторые ошибочно полагают, - по сути это редактор, язык разметки гипертекстовых документов. И это, конечно же, основа веб-дизайна.
Теги парные и одиночныеОсновой языка HTML являются теги . Каждый элемент страницы обозначен тем или иным тегом.
Тег - это «метка», состоящая из буквы или нескольких букв, заключенных между символами «меньше чем» - "" . Теги бывают парные и непарные (одиночные) .
- парные теги
. У таких тегов сначала идет открывающий тег
- между символами ""
, сообщающий браузеру о начале своего действия в данном месте; затем закрывающий тег
– между символами""
(то есть у закрывающего тега к символу «меньше чем» - "
Рекомендуем почитать