Isi

• Melangkah
• Metode 1 dari 2: Menggunakan CSS
• Metode 2 dari 2: Menggunakan tag "center" di HTML

Artikel wikiHow ini menjelaskan cara memusatkan teks di situs web HTML. Kami menggunakan CSS (Cascading Style Sheets atau style sheets) untuk ini. Kami biasanya memusatkan di HTML menggunakan pusat>tag, tetapi ini tidak lagi berfungsi di sebagian besar browser.

Melangkah

Metode 1 dari 2: Menggunakan CSS

1. Buka file teks tempat Anda mendeskripsikan gaya Anda. Sekarang pusat>tag tidak lagi digunakan, buat elemen baru dalam file ini yang akan memusatkan teks di area tertentu dari dokumen HTML Anda. Jika Anda tidak memiliki file CSS terpisah, kode tersebut berada di bagian atas dokumen HTML di antara tag "style>" dan "/ style>".
   • Sebagai gaya>- dan / style>tag belum ada di sana, Anda dapat meletakkannya langsung di bawah tubuh>tag dengan cara berikut:

   ! DOCTYPE html> html> body> style> / style>

2. Buat kelas yang memusatkan teks. Itu div>tag memberi tahu dokumen HTML Anda bagian spesifik mana yang terkait dengan kelas ini. Ketik yang berikut di antara tag "gaya", pastikan untuk mengklik dua kali ↵ Masuk setelah baris pertama:

   div.a {}

3. Tambahkan text-alignProperti. Tipe text-align: center; antara kawat gigi di div.a-bagian. "Header" sekarang terlihat seperti ini:

   ! DOCTYPE html> html> body> style> div.a {text-align: center; } / style>

4. Tambahkan yang benar divtag ke teks yang ingin Anda pusatkan. Anda melakukan ini melalui div>tag di atas teks ini dan menutupnya dengan a / div>tag di bawah teks ini. Misalnya, jika Anda ingin memusatkan judul dan paragraf di bawahnya, tampilannya akan seperti ini:

   div> h1> Selamat datang di website saya / h1> p> Website ini utamanya menyediakan informasi tentang berbagai hal./p> / div>

5. Menggunakan div.atag untuk memusatkan elemen lain. Saat Anda ingin memusatkan elemen lain, seperti konten di antara tag p> / p> dan h2> / h2>), Anda mengetik div> untuk elemen ini dan / div> setelah itu. Karena Anda telah mendefinisikan "div.a" sebagai kode CSS pemusatan, elemen-elemen ini sekarang juga berada di tengah.

   style> div.a {text-align: center; } / style> div> h2> Donasi dipersilakan / h2> p> tolong / p> / div>

6. Periksa dokumen Anda. Meskipun teks di halaman web Anda tentu saja berbeda, seharusnya terlihat seperti ini:

   ! DOCTYPE html> html> body> style> div.a {text-align: center; } / style> div> h1> Selamat datang di website saya / h1> p> Website ini terutama untuk memberikan informasi tentang berbagai hal. / p> / div> div> h2> Donasi dipersilakan / h2> p> tolong / p> / div> / body> / html>

Metode 2 dari 2: Menggunakan tag "center" di HTML

1. Buka dokumen HTML Anda. Metode ini menjelaskan cara mendapatkan yang usang pusat>menandai. Metode ini mungkin masih berfungsi di sejumlah browser, tetapi yang terbaik adalah tidak terlalu mengandalkannya.
2. Temukan teks yang ingin Anda pusatkan. Gulir ke bawah dokumen Anda hingga Anda menemukan judul, paragraf, atau teks lain yang ingin Anda pusatkan.
3. Tempatkan tag "tengah" di kedua sisi teks. Kodenya terlihat seperti ini tengah> teks / tengah>. Di sini, "teks" adalah teks yang dipusatkan. Jika ada tag lain dalam teks ini, seperti "p> / p>" sebelum paragraf, letakkan tag "tengah" di luar tag yang ada.

   center> h1> Selamat datang di website saya / h1> / center> center> Buat diri anda nyaman! / center>

4. Periksa dokumen HTML Anda. Seharusnya terlihat seperti ini:

   ! DOCTYPE html> html> body> h1> center> Selamat datang di website saya / center> / h1> center> Permudah diri anda! / Center> p1> Website ini terutama untuk memberikan informasi tentang berbagai hal./p1> / body > / html>