Відповіді на всі випадки життя прямо на цьому сайті

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

Кроки

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

  • 1 Підготовка до редагування веб-сторінок на HTML, через навчання основам HTML.
    • Перегляньте різні теги, які можна використовувати для зміни шрифту або редагування тексту. Наприклад, тег «b» використовується для написання тексту жирним шрифтом, а тег «i» - для написання тексту курсивом. Не включайте лапки в написанні тегів!Center Text in HTML Step 1Bullet1.jpg
    • Попрактикуйтесь в правильній розстановці тегів. Більшість тегів для редагування вимагають двох тегів - на початку і в кінці тексту, який ви хочете змінити. Перший тег являє собою букву або символ у кутових дужках (). Другий тег (кінцевий тег) являє собою похилу риску перед буквою або символом тега. Наприклад, поставте «b» на початку тексту «/b» наприкінці тексту для його написання жирним шрифтом.Center Text in HTML Step 1Bullet2.jpg
  • Center Text in HTML Step 2.jpg 2 Знайдіть текст, який ви хочете відцентрувати.
  • Center Text in HTML Step 3.jpg 3 Помістіть тег «center» в кутових дужках перед початком тексту. Не ставте прогалин. Не включайте лапки в написанні тегів!
  • Center Text in HTML Step 4.jpg 4 Помістіть тег «/center» в кутових дужках відразу після тексту. Не ставте прогалин.
  • Center Text in HTML Step 5.jpg 5 Зберегти веб-сторінку. Перегляньте її, щоб переконатися в тому, що текст розташований по центру.
    • Якщо це не так (текст не в центрі), то ви маєте справу з HTML5, який використовує код CSS замість HTML. У цьому випадку спробуйте наступний спосіб центрування тексту.Center Text in HTML Step 5Bullet1.jpg
  • Метод 2 з 2: Центрування тексту в CSS

  • 1 Підготовка до редагування веб-сторінки на CSS через навчання основам CSS. Код CSS вставляється в HTML документ, так як вони працюють разом.
    • Теги «body»,«h1», «h2» і «h3». Вони використовуються для вказівки основного тексту і заголовків (в залежності від розміру шрифту). «h1» - заголовок першого рівня (найбільший), а «h2» і «h3» - менш значні заголовки.Center Text in HTML Step 6Bullet1.jpg
    • Ви будете розміщувати коди CSS після слів «body» або «h1». Наприклад, після «body» запишіть «text-indent:50px;», що задасть параметр відступ тексту в заголовку першого рівня.Center Text in HTML Step 6Bullet2.jpg
  • Center Text in HTML Step 7.jpg 2 Знайдіть початок тексту, який ви хочете змінити. Ви будете розміщувати коди CSS в дужках тегів HTML.
    • Наприклад, якщо ви хочете змінити заголовок першого рівня, знайдіть тег «h1».Center Text in HTML Step 7Bullet1.jpg
  • Center Text in HTML Step 8.jpg 3 Безпосередньо після «h1» запишіть «text-align: center;».
  • Center Text in HTML Step 9.jpg 4 У кінці тексту заголовка додайте «/h1». Зберегти веб-сторінку.
    • Замініть слово «center» на слова «right», «left» або «justify», щоб протестувати різні способи вирівнювання тексту (по правому краю, по лівому краю тощо).Center Text in HTML Step 9Bullet1.jpg
  • Що вам знадобиться

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


    Додати коментар
    Ваше ім'я:  
    Напівжирний Нахилений текст Підкреслений текст Перекреслений текст | Вирівнювання по лівому краю По центру Вирівнювання по правому краю | Вставка смайликів Вибір кольору | Прихований текст Вставка цитати Перетворити вибраний текст з транслітерації в кирилицю Вставка спойлера

    2+2*2=?