Breaking

LightBlog

Wednesday, April 19, 2017

Membuat Text Alignment pada HTML

Dalam membuat dokumen HTML, kita dapat menentukan letak dari teks atau gambar yang terdapat pada halaman web, apakah ingin rata kiri, rata kanan, rata kiri-kanan ataukah berada ditengah-tengah layar. Untuk melakukan hal ini, kita dapat mengisi atribut ALIGN dengan nilai-nilai berikut :
Nilai Atribut ALIGN
Keterangan
Left
Menentukan teks rata kiri
Right
Menentukan teks rata kanan
Justify
Menentukan teks rata kanan-kiri
Center
Menentukan teks agar berada ditengah tengah layar

Atribut ALIGN dapat disisipkan kedalam tag-tag yang akan diatur posisi teksnya. Sebagai contoh, ALIGN dapat disisipkan ke dalam tag<h>, yang berarti bahwa kita akan mengatur posisi dari suatu judul. Begitu juga jika ingin mengatur posisi teks dalam suatu paragraf maka kita perlu menyisipkan atribut ALIGN kedalam tag <p>. Berikut ini contoh kode yang akan menunjukkan cara mengatur posisi teks dokumen HTML.
Dibawah contoh penggunaan text alignment :
1.      Bukalah text editor nya, (Notepad++/ Dreamweaver).

2.      Kemudian buat file baru dan ketikan kode berikut ini :

3.      Kemudian simpan file tersebut dengan nama text-align.html
4.      Jalankan file tersebut pada browser yang anda inginkan
5.      Jika berhasil akan seperti gambar berikut ini :

1 comment:

  1. Terimakasih kak, postingannya membantu sekali ,dengan ini memudahkan Saya untuk membuat tugas kuliah Saya, susunannya juga rapi Dan mudah dipahami. Ditunggu postingan selanjutnya, terus berbagi ilmu Dan berkarya ya kak. Postingannya menarik sekali.
    Perkenalkan nama saya : Shofi Rachmawati ,NIM : 1922500133 ,dan link kampus Saya : https://www.atmaluhur.ac.id

    ReplyDelete

Adbox