Форматирование текста в HTML
Сегодня мы разберем основные теги, которые предназначены для форматирования текста в HTML. И начнем с выделения текста жирным шрифтом, за которое отвечает тег b. Сразу же напишем простенький код, и проверим, что же у нас получится:
<html>
<head>
<title>Форматирование текста</title>
</head>
<body>
<p>Обычный абзац текста</p>
<p>Текст с <b>жирным шрифтом</b></p>
</body>
</html>
Результат на лицо, первый абзац написан обычным шрифтом, а во втором абзаце слова (жирным шрифтом) выделены:
Таким образом, при создании своего сайта, при помощи тега b мы можем выделять различный текст, чтобы пользователь замечал его.
Вторым тегом форматирования, который мы разберем, является тег i. Данный тег предназначен, чтобы выделять текст курсивным начертанием. Таким образом, если написать следующий код:
<html>
<head>
<title>Форматирование текста</title>
</head>
<body>
<p>Абзац текста с <i>курсивом</i></p>
<p>Абзац текста с <b><i>жирным курсивом</i></b></p>
</body>
</html>
Получаем результат:
Заметьте, что в первом абзаце, при помощи тега i, мы выделяем участок текста, курсивным начертанием, а во втором абзаце мы применили два тега, тег b, внутрь которого положили тег i, получив результат жирного текста с курсивным начертанием. При этом неправильным будет, если мы откроем, тег b, после чего откроем внутри тега b, тег i, и после написания определенного текста закроем тег b, а потом тег i. Запомните, что вначале закрывается дочерний тег, а потом лишь родительский, такое написание тегов будет правильным (смотрите пример написания кода).
Последним тегом форматирования текста, который мы сегодня разберем, является тег u, при помощи которого, мы можем подчеркивать определенный текст. Работает данный тег, также как и предыдущие, но все же, приведу пример кода:
<html>
<head>
<title>Форматирование текста</title>
</head>
<body>
<p>Абзац текста с <u>подчеркиванием</u></p>
</body>
</html>
Думаю, показывать результат выполнения данного кода будет лишним, тут и так все довольно понятно. Однако хотелось бы Вас предупредить, что применение данного тега, может сбивать пользователя с толку, т.е. он может подумать, то данный текст является ссылкой, т.к. все ссылки первоначально имеют подчеркивание. Так что при использовании данного тега будьте крайне осторожны. На этом мы закончим сегодняшнюю тему, и в скором времени встретимся с Вами в новом материале!
