Строчные элементы | htmlbook.ru
Строчными называются такие элементы веб-страницы, которые являются непосредственной частью другого элемента, например, текстового абзаца. В основном они используются для изменения вида текста или его логического выделения.
<a>
Тег <a> является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия атрибутов name или href тег <a> устанавливает ссылку или якорь.
<b>
Определяет жирное начертание шрифта.
<big>
Тег <big> увеличивает размер шрифта на единицу по сравнению с обычным текстом. В HTML размер шрифта измеряется в условных единицах от 1 до 7, средний размер текста, используемый по умолчанию, принят 3. Таким образом, добавление тега <big> увеличивает текст на одну условную единицу.
<br>
Тег <br> устанавливает перевод строки в том месте, где этот тег находится. В отличие от тега параграфа <p>, использование тега <br> не добавляет пустой отступ перед строкой.
<em>
Тег <em> предназначен для акцентирования текста. Браузеры отображают такой текст курсивным начертанием.
<i>
Устанавливает курсивное начертание шрифта.
<img>
Тег <img> предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG. Если необходимо, то рисунок можно сделать ссылкой на другой файл, поместив тег <img> в контейнер <a>. При этом вокруг изображения отображается рамка, которую можно убрать, добавив атрибут border=»0″ в тег <img>.
<small>
Тег <small> уменьшает размер шрифта на единицу по сравнению с обычным текстом. По своему действию похож на тег <big>, но действует с точностью до наоборот.
<span>
Универсальный тег, предназначенный для определения строчного элемента внутри документа.
<strong>
Тег <strong> предназначен для акцентирования текста. Браузеры отображают такой текст жирным начертанием.
<sub>
Отображает шрифт в виде нижнего индекса. Текст при этом располагается ниже базовой линии остальных символов строки и уменьшенного размера — H2O.
<sup>
Отображает шрифт в виде верхнего индекса. По своему действию похож на <sub>, но текст отображается выше базовой линии текста — м2.
Разница между блочными и строчными элементами следующая.
- Строчные элементы могут содержать только данные или другие строчные элементы, а в блочные допустимо вкладывать другие блочные элементы, строчные элементы, а также данные. Иными словами, строчные элементы никак не могут хранить блочные элементы.
- Блочные элементы всегда начинаются с новой строки, а строчные таким способом не акцентируются.
- Блочные элементы занимают всю доступную ширину, например, окна браузера, а ширина строчных элементов равна их содержимому плюс значения отступов, полей и границ.
- Тег <a>
- Тег <em>
- Тег <img>
- Тег <strong>
Типы тегов
Каждый тег HTML принадлежит к определенной
группе тегов, например, табличные теги
направлены на формирование таблиц и не
могут применяться для других целей.
Условно теги делятся на следующие типы:
теги верхнего уровня;
теги заголовка документа;
блочные элементы;
встроенные элементы;
универсальные элементы;
списки;
таблицы.
Следует учитывать, что один и тот же тег может одновременно принадлежать разным группам, например, теги <ol> и <ul> относятся к категории списков, но также являются и блочными элементами.
Теги верхнего уровня
Эти теги предназначены для формирования структуры веб-страницы и определяют раздел заголовка и тела документа.
<html>
Тег<html>является контейнером, который заключает в себе всё содержимое веб-страницы, включая теги<head>и<body>. Открывающий и закрывающий теги<html>в документе необязательны, но хороший стиль диктует непременное их использование.
<head>
Тег<head>предназначен
для хранения других элементов, цель
которых — помочь браузеру в работе
с данными. Также внутри контейнера<head>находятся
метатеги, которые используются для
хранения информации, предназначенной
для браузеров и поисковых систем.
Например, механизмы поисковых систем
обращаются к метатегам для получения
описания сайта, ключевых слов и других
данных.
<body>
Тег<body>предназначен для хранения содержания веб-страницы, отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера<body>. К такой информации относится текст, изображения, таблицы, списки и др.
Набор тегов верхнего уровня и порядок их вложения показан в примере 5.
Пример 5. Теги верхнего уровня
<html>
<head>
…
</head>
<body>
…
</body>
</html>
В данном примере показано,
что контейнер<html>определяет
«каркас» всей веб-страницы, внутри него
вначале задается тег<head>,
затем идет контейнер<body>,
в нем хранится содержательная часть
документа, которая и отображается в
браузере. Теги<html>и<body>хотя
и не относятся к обязательным тегам
(т. е. их можно не размещать в коде),
все же стоит добавлять всегда. Это
позволяет получить четкую и понятную
структуру документа.
Заметьте, что в примере не упоминается<!DOCTYPE>, поскольку этот обязательный элемент кода веб-страницы не является тегом, а предназначен для браузеров, чтобы сообщить им, как интерпретировать текущий документ.
Теги заголовка документа
К этим тегам относятся элементы, которые располагаются в контейнере <head>. Все эти теги напрямую не отображаются в окне браузера, за исключением тега <title>, который определяет название веб-страницы.
<title>
Используется для отображения строки текста в левом верхнем углу окна браузера, а также на вкладке. Такая строка сообщает пользователю название сайта и другую информацию, которую добавляет разработчик.
<meta>
Метатеги используются для хранения
информации, предназначенной для браузеров
и поисковых систем. Например, механизмы
поисковых систем обращаются к метатегам
для получения описания сайта, ключевых
слов и других данных. Хотя тег <meta> всего
один, он имеет несколько атрибутов,
поэтому к нему и применяется множественное
число.
Так, для краткого описания содержимого веб-страницы используется значение description атрибута name, как показано в примере 6.
Пример 6. Использование description
HTML 4.01IE 7IE 8IE 9Cr 11Op 11Sa 5Fx 4
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01//EN» «http://www.w3.org/TR/html4/strict.dtd»>
<html>
<head>
<title>HTML</title>
<meta name=»description» content=»Сайт об HTML и создании сайтов»>
<meta http-equiv=»content-type» content=»text/html; charset=utf-8″>
</head>
<body>
<p>…</p>
</body>
</html>
Описание сайта, заданное с помощью
тега <meta> и значения description,
обычно отображается в поисковых системах
или каталогах при выводе результатов
поиска.
Пример 7. Использование keywords
HTML 4.01IE 7IE 8IE 9Cr 11Op 11Sa 5Fx 4
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01//EN» «http://www.w3.org/TR/html4/strict.dtd»>
<html>
<head>
<title>HTML</title>
<meta name=»keywords» content=»HTML, META, метатег, тег, поисковая система»>
<meta http-equiv=»content-type» content=»text/html; charset=utf-8″>
</head>
<body>
<p>…</p>
</body>
</html> Ключевые слова можно перечислять через пробел или запятую. Поисковые системы сами приведут запись к виду, который они используют.
тегов HTML — типы тегов, используемых на веб-страницах: парные и непарные
Теги — это инструкции, встроенные непосредственно в текст HTML-документа.
. Теги HTML могут быть двух типов. Они
1. Парные теги
2. Непарные теги
Парные теги:
Тег считается парным, если текст помещается между тегом и сопутствующим ему тегом. В парных тегах первый тег обозначается как 9.0011 Открывающий тег , а второй тег называется закрывающим тегомПример
Этот текст выделен курсивом.Примечание: Здесь называется открывающим тегом. и называется закрывающим тегом.
Непарные теги:
Непарный тег не имеет сопутствующего или закрывающего тега.
Пример
и т. д. Эти теги не требуют сопутствующего тега.
,
Теги В зависимости от их полезности
Мы можем различать теги в зависимости от цели их использования. В основном у нас есть четыре типа здесьТеги форматирования
Мы управляем размером шрифта, подчеркиваем часть текста, выделяем текст жирным шрифтом и т. д. с помощью тегов, таких как , , и т. д.Теги Tables, Div, span используются для компоновки и форматирования контента.
Инструмент для создания собственной базовой HTML-страницы с тегами
Метатеги
Эти теги используются для предоставления информации о странице.Теги структуры страницы
, и т. д. являются частью тегов структуры страницы. Они являются частью базовой html-страницы и не влияют напрямую на форматирование текста или изображения.
Теги управления
Теги формы, теги сценария, переключатели и т. д. являются частью тегов управления. Эти теги используются для управления содержимым или внешними сценариями или библиотеками (JQuery, Bootstrap). Все теги формы, такие как текстовое поле ввода, раскрывающийся список, переключатели и т. д., используются для взаимодействия с пользователем. Эти теги можно форматировать с помощью свойств стиля.
←Введение в HTML
Структура страницы → Метатеги →
Стандартный макет веб-страниц
← HTML
Эта статья написана командой
plus2net.com
Основные теги HTML и многое другое Вопросы по HTML |
---|
Эдвард | 17-05-2012 |
Я нашел лучший ответ на вашем сайте.![]() |
Мохд Абдулла | 08-09-2012 |
твоя теория для тега очень хороша, мне нравится это Точная информация… Спасибо |
Suhail mir | 15-11-2012 |
Я нашел лучший материал в ваших заметках …….thnx……… |
rahul | 01- 12-2012 |
ужасная крошка |
Суреш Кумар | 01-06-2013 |
пожалуйста, мне нужны специальные теги |
Гарриет | 09-04-2013 |
очень ограниченная информация, но все же хорошо |
рохан | 29-04-2013 |
![]() |
пиюш | 31-07-2013 |
спасибо тебе… я получил d bst ans….n это спасло меня!.. как я должен делать свою работу …. …. большое спасибо |
aman | 10-11-2013 |
я нашел хороший ответ на этом сайте, но он очень ограничен. Пожалуйста, расширьте ответ, чтобы он мог быть более полезным для пользователей. спасибо…. |
анил | 02-04-2014 |
оххо в этом комплексе технологий. этот веб-сайт предоставляет очень простое определение, спасибо |
Shallyn S M | 23-04-2014 |
Вы освежили мою память о тегах.![]() |
daph | 30-05-2014 |
большое спасибо за загрузку это очень помогло, и я благодарен тебе |
Прамод Кумар | 11-09-2014 |
спасибо, я доволен, я нашел ответ на свой вопрос 900 02 |
Фаряд Али | 16-09- 2014 |
Спасибо |
Мошир Рахман | 22-09-2014 | 90 064
Спасибо за ваше замечание.![]() |
Дон Бенсуа | 18-12-2014 |
танки 4 дал мне ответ 2 мой вопрос |
Али Тунио | 18-04-2015 |
спасибо много за загрузку этого, это очень помогло, и я благодарен вам. Это так полезно для меня, большое спасибо. |
Крия Ханделвал | 25-09-2015 |
спасибо…. У меня есть гуд и… это спасло меня .. |
Джексон | 04-10-2015 |
Я нашел свой ответ на вашем сайте.![]() хороший сайт!! |
gueutsop christian | 02-03-2016 |
мне нравится информация на странице, это было очень поучительно |
бишал | 08-08-2016 |
я нашел хороший ответ на этом сайте, но он очень ограничен. Пожалуйста, расширьте ответ, чтобы он мог быть более полезным для пользователей. спасибо…. |
Umusu okiemute emily | 02-04-2017 |
как открыть первую страницу веб-сайта |
Раджендра Кумхар | 26-07-2017 |
как сделать сайт простой страницей |
один тег или пара |
15-10-2020 | |
Спасибо.![]() Я получил свой ответ ……. Это спасло меня |
Пишите сюда свои комментарии, предложения, ошибки, требования и т.д.
Деталь© 2000-2023 plus2net.com Все права защищены во всем мире Политика конфиденциальности Отказ от ответственности
Типы тегов Видео в Inductive University
Типы тегов Видео в Inductive University Вернуться к курсуВерсия:
- Версия 7.9 Новый
- Версия 7.8
- Версия 7.7
Этот урок является частью Метки в курсе «Зажигание». Остальные уроки вы можете просмотреть ниже.
Предыдущий урок Следующий урокСПИСОК УРОКОВ
Автовоспроизведение Выкл.
6:08
Теги в зажигании4:40
Типы тегов2:41
Упорядочивание тегов2:09
Качество тегов и наложения3:17
Свойства метаданных тега3:56
Свойства масштабирования тега3:04
Импорт и экспорт тегов3:44
Теги массива и набора данных Принять вызов по теме
Возьми тему вызов
Устройства Теги в зажигании Понимание тегов
Продолжительность: 4:40 мин.