Assalammu’alaikum Warohmatulahi Wabarokatuh
Hai
teman-teman, jumpa lagi dengan penulis. Pada kesempatan ini penulis akan memberikan
tips mudah dan cepat menentukan text alignment. Sebelum itu, pelajari dulu
tentang text alignment.
Text
alignment merupakan teks yang digunakan dalam menentukan letak /posisi dari
teks atau gambar pada posisi rata kanan, rata kiri, rata tengah dan rata
kiri-kanan dalam dokumen HTML.
Text Alignment
|
Keterangan
|
right
|
Menentukan teks rata kanan
|
left
|
menentukan teks rata kiri
|
justify
|
Menentukan teks rata kiri-kanan
|
center
|
menentukan teks rata tengah-tengah
|
Diatas
telah dijelaskan sedikit tentang text alignment, adapun langkah-langkah
menentukan teks alignment dalam HTML sebagai berikut :
1.
Klik Start.
2.
Carilah Notepad.
3.
Ketik Kode HTML dibawah ini :
<html>
<head><title> Text Alignment
</title><head>
<body>
<h2 align=”center”> Menentukan
Text Alignment </h2>
<p align=”left”> Rata kiri
<br/></p>
<p align=”right”> Rata Kanan
<br/></p>
<p align=”justify”> Rata
Kanan-Kiri <br/></p>
</body>
</html>
4.
Klik file, lalu pilih save as dan simpan
ditempat yang kamu inginkan, misalnya di dokumen. Ketika membuat judul
penyimpanan, akhiri dengan dot html (.html). contohnya: text_alignment.html
5.
Klik kanan pada file yang sudah
disimpan, lalu tekan open with, kemudian pilh mozila atau google chrome.
6.
Jika berhasil, akan tampil teks seperti
dibawah ini :
Teks
pada baris pertama letaknya berada ditengah, baris kedua letaknya berada
dikiri, baris ketiga terletak dikanan dan baris keempat terletak untuk teks
kiri-kanan. Karena, semua baris teks tersebut menggunakan atribut center, left,
right dan justify.
Demikianlah
cara menentukan text alignment dalam HTML. Saran penulis ketika memindahkan
kode HTML ke notepad, jangan di copy, Usahakan diketik. Biasanya kalau di copy,
hasillnya tidak sesuai dengan yang diharapkan. Semoga bermanfaat, selamat
mencoba. J
Wassalammu’alaikum Warohmatulahi Wabarokatuh.
Tidak ada komentar:
Posting Komentar