HTML Маленький шрифт

HTMLBeginner
Практиковаться сейчас

Введение

В этом практическом занятии вы научитесь использовать HTML-тег <small> для изменения размера текста. Также вы узнаете о различных способах использования тега <small> и о том, как применить к нему стили.

Примечание: Вы можете практиковать программирование в index.html и изучить Как писать HTML в Visual Studio Code. Нажмите кнопку 'Go Live' в нижнем правом углу, чтобы запустить веб-сервис на порту 8080. Затем вы можете обновить вкладку Web 8080, чтобы просмотреть веб-страницу.

Это Guided Lab, который предоставляет пошаговые инструкции, чтобы помочь вам учиться и практиковаться. Внимательно следуйте инструкциям, чтобы выполнить каждый шаг и получить практический опыт. Исторические данные показывают, что это лабораторная работа уровня начальный с процентом завершения 100%. Он получил 100% положительных отзывов от учащихся.

Добавьте структуру к вашему файлу

Создайте HTML-файл с именем index.html в своем текстовом редакторе.

Добавьте HTML-шаблон в свой файл. Затем создайте тег <body> и добавьте в него следующий код:

<h1>Использование HTML-тега small</h1>
<p>Вот какой-то текст, который мы хотим сделать размером меньше:</p>

Добавьте тег small

Добавьте тег <small> внутри тега <p> и добавьте некоторый текст между открывающим и закрывающим тегами:

<p>Вот какой-то текст, который мы хотим сделать <small>меньше</small>:</p>

Используйте тег small для юридического текста

Добавьте юридический текст, используя тег <small>, скопировав и вставив следующий код внутри тега <body>:

<p>
  Это просто какой-то обычный текст, но вот здесь есть некоторый
  <small>юридический текст</small>:
</p>
<small
  >Этот веб-сайт не несет ответственности за любую неточную информацию или
  ошибки. Пожалуйста, прочитайте внимательно, прежде чем доверять этому
  веб-сайту.</small
>

Примените стиль к тегу small

Примените некоторый стиль к тегу <small>, добавив следующий код внутри тега <head>:

<style>
  small {
    font-size: smaller;
    color: red;
  }
</style>

Добавьте тег small для боковых комментариев

Добавьте боковой комментарий, используя тег <small>, скопировав и вставив следующий код внутри тега <body>:

<p>
  Это просто какой-то текст, но вот здесь есть
  <small>боковой комментарий</small> по этому тексту:
</p>

Сохраните изменения в файле index.html и откройте его в веб-браузере. Вы должны увидеть изменения, которые вы внесли в тег <small>.

Резюме

В этом практическом занятии вы узнали, как использовать HTML-тег <small> для изменения размера текста и как применить стиль к нему. Вы также узнали о различных способах использования тега <small>, включая для юридического текста, боковых комментариев и мелких шрифтов. Теперь вы можете использовать тег <small> для выделения важных моментов в тексте и его выделения.