cara membuat Text Alignment atau perataan text HTML -Kumain coding ,jika hari beberapa hari yang lalu saya membahas tentang ,
Cara Membuat Paragraf di HTML, maka di kesempatan ini saya posting tentang cara membuat text aligment di dalam document HTML ,Dalam membuat document HTML, kita dapat menentukan letak atau posisi dari teks atau gambar yang terdapat pada halaman web, apakah ingin rata kiri, rata kanan, rata kiri-kanan ataukah berada di tengah-tengah layar.
cara ini di kebal dengan istilah
text alignment . untuk membuat text alignment, kita harus membuat atribut ALIGN dengan nilai sebagai berikut.
Nilai Atribut Align dan keteranganya
- Left : Nilai Atribut align ini Mentukan text rata kiri
- Right : Nilai Atribut align ini Menentukan text rata Kanan
- Justify : Nilai Atribut align ini Menetukan text rata Kiri Kanan
- Center : Nilai Atribut align ini akan membuat text berada di sisi tengah-tengah layar (secara horizontal)
Atribut ALIGN ini juga dapat di sisipkn ke dalam tag-tag yang akan di atur posisi tata letak teksnya.
sebagai contoh sederhana ,kkita akan meletakan tag <hn>, yang berarti kita mengatur posisi dari suatu judul. begitu juga jika ingin mengatur posisi dala suatu paragraf, maka kita perlu menyisipkan atribut ALIGN kedalam tag paragraf yaitu tag <p>.
Sebagai contoh Text Alignment di HTML :
<h1 align="center">maka judul akan berada di sisi tengah layar jika di jalankan di web browser</h1>
contoh di atas, menggunkan tag heading dan mengsisi tag tersebut dengan atribut ALIGN yang bernilai "center" , dan bila di jalankan di web browser, maka text yang ada di dalam tag tersebut akan berada di sisi tengah layar.
contoh berikunya
<p align="right">maka text yang berada dalam tag paragraf ini akan di tampilkan di sisi kanan layar/rata kanan</p>
Contoh di atas ,menggunakan tag paragraf ,dan menyisipkan atribut ALIGN yang bernilai "right", dan bila di jalankan di web browser, maka letak text pargraf text tersebut akan berada di sisi kanan, dengan rata kanan.
dan di kesempatan ini juga Kumain Coding, akan membuat sebuah Document Lengkap HTML yang menggunakan, beberapa tag dan menggunakan atribut alignment tentunya, karena kita sedang membahas tentang atribut tersebut.
Untuk membuat sebuah Document HTML dan menampilkan nya kita harus menyiapkan alat tempurnya dulu.
- Notepad++.
- Web Browser
Jika sudah memilikinya ,sobat ketik coding dari kumain coding berikut ini, atau silahkan mengcopy coding berikut ini.
<html>
<head>
<title>Membuat Paragraf di HTML</title>
</head>
<body>
<h1 align="center">Contoh Demo Penggunaan Text Alignment</h1>
<p align="left">cara membuat Text Alignment di HTML :Belajar HTML [part8] ,text yang ada di dalam tag ini akan di tampilkan di web browser dengan
dengan rata kiri, sebenarnya secara default text akan rata kiri,jadi jika atribut ini alignment dengan nilai left,tidak di tuliskan juga tidak jadi masalah</p>
<p align="center">cara membuat Text Alignment di HTML :Belajar HTML [part8] ,text yang ada di dalam tag ini akan di tampilkan di web browser dengan
letak posisi berada di tengah layar, karena di beri nilai atribut CENTER. jenis alignment dengan nilai atribut center sering di gunakan untuk text berupa sebuah judul</p>
<p align="right">cara membuat Text Alignment di HTML :Belajar HTML [part8] ,text yang ada di dalam tag ini akan di tampilkan di web browser dengan
rata kanan, dalam pembuatan website nilai atribut ini jarang di gunakan, dan jarang di jumpai.</p>
<p align="justify">cara membuat Text Alignment di HTML :Belajar HTML [part8] ,text yang ada di dalam tag ini akan di tampilkan di web browser dengan
rata kanan-kiri,jenis ini adalah sebuah alternatif yang jika ingin halaman web yang anda buat terlihat rapi</p>
</body>
</html>
kemudian simpan koding tersebut ke dalam folder html yang sudah sobat siapkan kmudian buka Document HTML nya di web browser, maka akan tampil text seperti berikut ini.
Tampilan Text dari koding di atas.
penjelasan ,pada contoh di atas, kumain coding menggunakan atribut align pada tag <h1> dan tag <p>, dari atribut dan tag tersebut terlihat jelas ,bahwa setiap nilai atribut alignment akan membentuk karakter yang berbeda di dalam document HTML yang di buka dengan web browser. sehingga anda dan kumain coding dapat menggunakanya sesuai kebutuhan.
ok sekian semoga artikel ini bermanfaat. untuk semuany. dan jangan lupa di share ya,,karena berbagi itu indah.
Baca Juga :
HTML DASAR :