Как отцентрировать текст в HTML

2 методика:Центрирование текста в HTMLЦентрирование текста в CSS

HyperText Markup Language (HTML) является стандартным языком разметки для большинства веб-страниц. Он позволяет выравнивать текст, изменять стиль и размер шрифта и проводить другие действия. Если вы редактируете веб-страницу, вы можете попробовать 2 типа редактирования текста: HTML и CSS. Из этой статьи вы узнаете, как отцентрировать текст в HTML и в CSS.

Шаги

Метод 1 из 2: Центрирование текста в HTML

1. 1 Подготовка к редактированию веб-страницы на HTML через обучение основам HTML.
   • Просмотрите различные теги, которые можно использовать для изменения шрифта или редактирования текста. Например, тег «b» используется для написания текста жирным шрифтом, а тег «i» - для написания текста курсивом. Не включайте кавычки в написании тегов!
   • Попрактикуйтесь в правильной расстановке тегов. Большинство тегов для редактирования требуют двух тегов - в начале и в конце текста, который вы хотите изменить. Первый тег представляет собой букву или символ в угловых скобках (<>). Второй тег (конечный тег) представляет собой косую черту перед буквой или символом тега. Например, поставьте «b» в начале текста и «/b» в конце текста для его написания жирным шрифтом.
2. 2 Найдите текст, который вы хотите отцентрировать.
3. 3 Поместите тег «center» в угловых скобках перед началом текста. Не ставьте пробелов. Не включайте кавычки в написании тегов!
4. 4 Поместите тег «/center» в угловых скобках сразу после текста. Не ставьте пробелов.
5. 5 Сохраните веб-страницу. Просмотрите ее, чтобы убедиться в том, что текст расположен по центру.
   • Если это не так (текст не в центре), то вы имеете дело с HTML5, который использует код CSS вместо HTML. В этом случае попробуйте следующий способ центрирования текста.

Метод 2 из 2: Центрирование текста в CSS

1. 1 Подготовка к редактированию веб-страницы на CSS через обучение основам CSS. Код CSS вставляется в HTML документ, так как они работают вместе.
   • Теги «body»,«h1», «h2» и «h3». Они используются для указания основного текста и заголовков (в зависимости от размера шрифта). «h1» - заголовок первого уровня (самый крупный), а «h2» и «h3» - менее значительные заголовки.
   • Вы будете размещать коды CSS после слов «body» или «h1». Например, после «body» запишите «text-indent:50px;», что задаст параметр отступа текста в заголовке первого уровня.
2. 2 Найдите начало текста, который вы хотите изменить. Вы будете размещать коды CSS в скобках тегов HTML.
   • Например, если вы хотите изменить заголовок первого уровня, найдите тег «h1».
3. 3 Непосредственно после «h1» запишите «text-align: center;».
4. 4 В конце текста заголовка добавьте «/h1». Сохраните веб-страницу.
   • Замените слово «center» на слова «right», «left» или «justify», чтобы протестировать различные способы выравнивания текста (по правому краю, по левому краю и т.п.).

Что вам понадобится

• Базовые навыки HTML
• Базовые навыки CSS
• Веб-сайт