Как сделать букву главы в HTML

Содержание

• направления
• предупреждение

Добавьте главу на веб-страницу, чтобы первая буква абзаца выглядела как большие буквы, найденные в книгах и газетах. Он должен быть больше, чем остальная часть текста, а остальные буквы должны быть обернуты вокруг него. Вы можете реализовать заглавную букву, используя стиль CSS внутри HTML-страницы.

направления

Узнайте, как сделать заглавную букву в HTML (Comstock Images / Stockbyte / Getty Images)

1. Откройте редактор HTML и загрузите файл, который вы хотите добавить в главу.

2. Добавьте новую каскадную таблицу стилей или класс CSS в часть header () файла HTML. Важно, чтобы стиль «плавал» так, чтобы другой текст окружал букву. Пример того, как это сделать, с помощью следующего кода:

   type = "text / css" media = "all"> .my_drop_cap {float: left; высота строки: 1; размер шрифта: 4em; поле справа: 0,1em; вес шрифта: полужирный; }

3. Закройте букву, которую вы хотите сделать капитуляцией с тегами "", которые соответствуют классу, который был создан в заголовке. Используя предыдущий пример, добавьте этот код в раздел body HTML:

   Моя буквица.

4. Сохраните файл HTML и загрузите его в веб-браузер, чтобы увидеть капитуляцию.

   
   

предупреждение

• В старых версиях браузеров некоторые коды CSS могут отображаться неожиданным образом. Загрузите HTML-страницу в нескольких браузерах, чтобы убедиться, что она отображается правильно.