Введение
Тег <em> в HTML используется для добавления акцента или важности к определенному тексту на веб-странице. Это очень полезно для выделения определенного содержания и его более заметного представления. В этом практическом занятии вы научитесь использовать тег <em> в HTML и его базовый синтаксис.
Примечание: Вы можете практиковать программирование в
index.htmlи изучить Как писать HTML в Visual Studio Code. Нажмите кнопку 'Go Live' в нижнем правом углу, чтобы запустить веб-сервис на порту 8080. Затем можно обновить вкладку Web 8080, чтобы просмотреть веб-страницу.
Добавление заголовка
Сначала создайте HTML-файл с именем index.html и откройте его в предпочитаемом редакторе кода.
Давайте начнем с добавления заголовка с названием к нашему HTML-файлу. Введите следующий код в файл index.html.
<!doctype html>
<html>
<head>
<title>HTML Em Tag Lab</title>
</head>
<body></body>
</html>
Использование HTML-тега
Теперь, когда мы создали наш HTML-файл, настало время использовать тег <em>. В следующих шагах мы научимся использовать этот тег и его базовый синтаксис.
Начните с добавления короткого абзаца в ваш HTML-файл и используйте тег <em> для выделения определенного слова. Вот пример:
<p>HTML <em>Emphasized</em> text is important for your web page.</p>
Добавление дополнительного выделенного текста
Вы также можете использовать тег <em> для выделения нескольких слов в предложении. Вот пример:
<p><em>HTML</em> stands for <em>HyperText Markup Language.</em></p>
Использование CSS для стилизации HTML-тега
По умолчанию выделенный текст отображается курсивом. Однако вы также можете использовать CSS для настройки стиля тега <em>. Вот пример:
<style>
em {
font-style: normal;
font-weight: bold;
}
</style>
<p><em>CSS is</em> used to style HTML web pages.</p>
Добавление ссылки
Вы также можете использовать тег <em> внутри ссылки, чтобы выделить текст ссылки. Вот пример:
<a href="https://www.wikipedia.org"
><em>Wikipedia</em> is a free online encyclopedia.</a
>
Резюме
Поздравляем! В этом практическом занятии вы узнали о HTML-теге <em> и о том, как использовать его для выделения текста или добавления важности к тексту на веб-странице. Вы также узнали, как настраивать стиль тега <em> с использованием CSS. Продолжайте практиковаться, чтобы стать мастером HTML-тегов и элементов.
