Як відцентрувати текст в HTML

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
• Веб-сайт