Введение
В HTML тег <sub> используется для указания встроенного текста, который должен быть отображен в виде нижнего индекса только по типографическим причинам. Содержимое этого тега обычно отображается с пониженной базовой линией и меньшим размером шрифта. В этом практическом занятии вы научитесь использовать тег <sub> в HTML для отображения текста с нижним индексом.
Примечание: Вы можете практиковать программирование в
index.htmlи изучить Как писать HTML в Visual Studio Code. Нажмите кнопку "Запустить в браузере" в нижнем правом углу, чтобы запустить веб-сервис на порту 8080. Затем можно обновить вкладку Web 8080, чтобы просмотреть веб-страницу.
Добавьте HTML-шаблон
Создайте новый файл с именем index.html.
Добавьте следующий код в index.html, чтобы создать базовую структуру HTML.
<!doctype html>
<html>
<head>
<title>HTML Sub Tag Lab</title>
</head>
<body></body>
</html>
Добавьте тег нижнего индекса
Добавьте следующий код внутри элемента <body>, чтобы создать текст с нижним индексом.
<p>My chemical formula is H<sub>2</sub>O.</p>
Этот код будет отображать текст "My chemical formula is H2O", где "2" будет отображаться в виде нижнего индекса.
Сохраните файл index.html и откройте его в веб-браузере, чтобы просмотреть результат. Вы должны увидеть текст с нижним индексом "H2O".
Резюме
В этом практическом занятии вы узнали, как использовать тег <sub> в HTML для отображения текста с нижним индексом. Это полезно для отображения химических формул и других типов текста, требующих пониженной базовой линии. Следуя шагам, описанным в этом практическом занятии, вы можете легко добавить тег <sub> в свой HTML-код и создать текст с нижним индексом.
