Belajar HTML #1# Teks/Paragraf

1.    Teks

a.     Heading / Judul

Judul HTML ditentukan dengan tag <h1> untuk mendefinisikan judul yang paling penting, <h6> untuk mendefinisikan heading yang paling tidak penting.

a.     Paragraf

Elemen HTML <p> mendefinisikan sebuah paragraf. Paragraf selalu dimulai pada baris baru, dan browser secara otomatis menambahkan spasi putih (margin) sebelum dan sesudah paragraf.

2.    HTML Atribut Align / Perataan pada Teks

Atribut align adalah atribut yang menentukan perataan teks. Ada beberapa macam nilai atribut align sebagai berikut :

Center : membuat seluruh teks ke tengah halaman web, penulisannya align=”center”

Left : membuat seluruh teks ke sisi kiri halaman web, penulisannya align=”left”

Right : membuat seluruh teks ke sisi kanan halaman web, penulisannya align=”right”

Justify : meregangkan baris sehingga setiap baris memiliki lebar yang sama / rata kanan kiri ( seperti dikoran dan majalah ), penulisannya align=”justify” bisa menggunakan atribut align di beberapa tag seperti di bawah ini dengan tag heading

a.      Tag Heading Rata Tengah <h6>

<h2 align="center">MAN JADDA WAJADA</h2>

b.      Tag Paragraph Rata Kiri

<p align="left">Perkecil halangan dan rintangan agar nampak jelas arah tujuan</p>

c.    Tag Paragraph Rata Kanan

<p align="right">Teruslah berjuang, karena hidup seperti perang</p>

d.      Tag Paragraph Rata Tengah

<p align="center">Jangan katakan tak bisa, tapi kamu harus berhasil</p>

e.      Tag Paragraph Rata Kanan Kiri

<p align="justify">Lembaga Kursus dan Pelatihan disingkat LKP merupakan lembaga pendidikan di bawah naungan Kementerian Pendidikan dan Kebudayaan. LKP Wahana Prestasi adalah sebuah Lembaga Pendidikan Keterampilan yang bergerak pada bidang Kursus dan Pelatihan Komputer (Teknologi Informasi dan Komunikasi) yang telah memiliki lisensi / ijin penyelenggaran dari Kemendikbud dan Dinas Pendidikan Kabupaten Grobogan sejak tahun 2010.</p>

2.     Belajar HTML Format Teks

Tujuan Teks yang terformat adalah agar lebih mudah dibaca, karena ada penegasan seperti teks tebal, miring, dan garis bawah. Saat pencarian kata atau kalimat yang penting, mata kita akan lebih mudah menemukannya pada teks yang terformat dibandingkan plain text.

Karena itu, dalam membuat web, ada baiknya menggunakan format teks. Nah, di HTML terdapat tag-tag yang khusus digunakan untuk text formatting. Apa saja itu? Mari kita Belajar.....

a.     Membuat Teks Tebal

Teks tebal biasanya digunakan untuk memberikan penegasan pada teks tertentu, misalnya seperti judul, subjudul, huruf penting, dll. Tag yang digunakan untuk membuat teks tebal di HTML adalah tag <b>dan tag <strong> silahkan pilih sesuai keinginan.

b.     Membuat Teks Miring

Teks miring biasanya digunakan untuk menegaskan sebuah kata atau istilah baru. Teks miring di HTML dapat kita buat dengan tag <i>(italic) dan juga tag <em> (emphasis).

c.     Membuat Garis Bawah pada Teks

Garis bawah biasanya digunakan untuk menandai teks yang disisipkan atau teks yang mimiliki arti penting dibandingkan teks normal lainnya. Garis bawah di HTML dapat kita buat dengan tag <u> (underline) atau juga tag <ins> (insert).

d.     Membuat Teks Tercoret

Teks tercoret memiliki arti teks yang dihapus. Biasanya untuk memberitahu pembaca bahwa teks tersebut tidak dipakai atau dihapus. Tag untuk membuat teks tercoret di HTML adalah tag <s>(strikethrough) atau bisa juga dengan tag <del> (delete).

e.     Membuat Pangkat

Pangkat biasanya digunakan pada rumus. Ada dua jenis pangkat yang bisa dibuat di HTML, yakni pangkat yang berada di atas (superscript) dan pangkat di bawah (subscript). Tag untuk membuat pangkat di HTML adalah tag <sup> untuk membuat pangkat di atas dan <sub> untuk membuat pangkat di bawah. 

f.     Membuat Marker untuk Teks

Marker bisanya digunakan untuk menandai teks yang penting atau kata kunci yang penting. Marker di HTML dapat kita buat dengan tag <mark>

 Bentuk HTML sebagai berikut :