Cara Memusatkan Teks di HTML

Pengarang: Laura McKinney
Tanggal Pembuatan: 10 April 2021
Tanggal Pembaruan: 24 Juni 2024
Anonim
How to align text center in html 5
Video: How to align text center in html 5

Isi

Artikel wikiHow ini menjelaskan cara memusatkan teks pada situs web HTML menggunakan Cascading Style Sheets (CSS). Memusatkan teks dalam HTML dilakukan dengan tag

, tetapi tag ini dianggap usang dan tidak lagi berfungsi di sebagian besar browser.

Langkah

Metode 1 dari 2: Dengan CSS

  1. Buka file yang berisi gaya CSS. Padahal kartunya
    kedaluwarsa, tetapi Anda masih dapat membuat elemen baru untuk ditambahkan di mana saja pada halaman untuk memusatkan teks di dalam batasnya. Jika Anda tidak memiliki file CSS terpisah, Anda perlu menentukan gaya di bagian atas file HTML, di antara tag ".’.
    • Jika belum ada kartu Anda perlu menambahkan langsung di bawah kartu di bagian atas file adalah sebagai berikut:

  2. Buat lapisan tengah teks. Kartu
    akan meminta dokumen HTML untuk merujuk ke bagian teks tertentu, jadi Anda harus mengklasifikasikan tag ini. Harap masukkan teks berikut di ruang antara tag "gaya", jangan lupa tekan ↵ Masuk dua kali setelah baris pertama:

    • Tambahkan properti text-align. Impor text-align: center; ke dalam ruang antara kawat gigi di bagian tersebut div.a. Judul saat ini akan terlihat seperti ini:

      • Tambahkan kartu div teks harus di tengah. Lanjutkan dengan menempatkan kartu
        teks di atas teks yang ingin Anda pusatkan dan tutup dengan tag di bawah teks yang ingin Anda pusatkan. Misalnya, untuk memusatkan judul dan paragraf pembuka, Anda perlu mengetik yang berikut ini:
        • Penggunaan kartu div.a untuk memusatkan wilayah lain. Jika Anda ingin memusatkan elemen lain (misalnya, konten di antara tag seperti dan

          ), masuk
          di depan teks dan setelah itu. Karena Anda menentukan "div.a" sebagai perintah pemusatan, teks ini akan berada di tengah seperti yang sebelumnya:
          • Review dokumen. Isinya mungkin berbeda-beda, tetapi secara umum dokumen Anda sekarang akan terlihat seperti ini:
              iklan

            Metode 2 dari 2: Gunakan tag tengah di HTML

            1. Buka dokumen HTML. Metode ini menjelaskan cara menggunakan tag HTML
              (sekarang sudah usang juga). Mulai Desember 2018, kartu ini masih aktif di beberapa browser web, tetapi dalam jangka panjang, Anda tetap tidak boleh menggunakan kartu ini.
            2. Identifikasi teks yang ingin Anda pusatkan. Gulir ke bawah hingga Anda menemukan judul, paragraf, atau teks lain yang ingin Anda pusatkan.
            3. Tambahkan tag "tengah" di akhir teks. Tag tengah ini memiliki format
              teks
              , di mana "teks" adalah teks yang dipusatkan. Jika teks sudah memiliki tag bagian dalam (misalnya, "" untuk paragraf), tag "tengah" dapat berada di luar tag yang sudah ada sebelumnya:
              • Tinjau dokumen HTML. Dokumen tersebut sekarang akan terlihat seperti ini:
                  iklan