Format Text, Paragraf, Table, Hyperlink, dan List pada HTML.

15 Jul 2019 14:40 608 Hits 0 Comments Approved by Plimbi
Penjelasan lengkap mengenai bagian-bagian dari HTML.

Pada artikel kali ini saya akan membahas tentang beberapa format text pada HTML, Paragraf pada HTML, Table pada HTML, Hyperlink pada HTML, dan List pada HTML.

A. Format Text Pada HTML

Dalam pembuatan sebuah website kita pasti menggunakan format text didalamnya, baik itu dalam penulisan judul, isi content atau isi halaman dari sebuah website. Berikut adalah beberapa format text yang sering digunakan pada HTML, yaitu:

TAG KETERANGAN
b Format text bold (tebal)
i Format text italic (miring)
u Format text underline (garis bawah)
small Format text small (kecil)
strong Format text strong (format text yang hampir sama dengan format text bold)
sub Format subscripted teks
sup Format superscripted teks
ins Format text garis bawah
del Format text dengan garis di tengah
mark Format text yang berwarna

Berikut adalah contoh penulisan dari format text diatas:

B. Paragraf Pada HTML

Paragraf yang akan saya bahas pada artikel kali ini merupakan suatu elemen dalam penulisan HTML. Dalam paragraf tersebut terdapat 4 elemen atau tag lain yang bisa dikombinasiakan dengan tag P. 4 elemen tersebut adalah:

  1. Paragraf rata kiri menggunakan align left
  2. Paragraf rata kanan menggunakan align right
  3. Paragraf rata tengah menggunakan align center
  4. Paragrat rata kiri kanan menggunakan align justify

Contoh penulisan dari 4 paragraf diatas adalah:

C. Tabel Pada HTML

Tabel merupakan struktur yang digunakan untuk menampilkan informasi dalam bentuk garis dan juga kolom. Berikut adalah beberapa tag yang terlibat dalam pembuatan table pada HTML, yaitu:

1. Tag Table

Tag table merupakan tag pembuka dalam membuat tabel pada HTML. Tanpa menggunakan tag TABLE tersebut makan penggunaan tag TR dan TD tidak bisa berfungsi dengan baik.

2. Tag TR

Tag TR atau table row merupakan sebuah tag yang digunakan untuk membuat baris dalam table pada HTML.

3. Tag TD

Tag TD atau table data merupakan tag yang digunakan untuk membuat kolom dalam dalam baris, tag TD ini juga digunakan untuk menampilkan data dalam table.

4. Tag TH

Tag TH digunakan untuk membuat table head atau bagian kepala pada table.

Contoh pembuatan table pada HTML:

D. Hyperlink Pada HTML

Hyperlink atau sering disebut juga dengan link berfungsi untuk menghubungkan antara satu dokumen dengan dokumen yang lainnya pada HTML. Tujuan dari hyperlink ini adalah untuk membuat sebuah teks atau gambar yang ketika di klik akan dialihkan ke halaman tertentu yang sudah ditetapkan dalam penulisan hyperlink tersebut.

Hyperlink ditulis dengan menggunakan tag A atau disebut dengan anchor. Tag A ini selalu diikuti dengan atribut href (hypertext reference), dimana dalam href inilah kita mengisikan alamat yang akan kita tuju ketika text atau gambar kita klik.

- Jenis-jenis hyperlink pada HTML

 

1. Alamat Absolute

Alamat absolute yaitu penulisan alamat  file yang disertai dengan alamat website. Contoh:

 

2. Alamat Alternatif

Alamat alternatif merupakan alamat file yang akan di panggil berada dalam aplikasi yang sama. Contoh:

 

E. List Pada HTML

List atau disebut juga dengan daftar berurutan digunakan untuk menampilkan data secara berurutan kebawah. Dalam HTML penulisan list menggunakan tag LI. Dalam membuat list terdapat dua jenis list yang digunakan, yaitu:

 

1. Ordered List

Ordered list berfungsi untuk menampilkan daftar list dalam bentuk huruf atau angka. Tag yang digunakannya adalah tag OL.

 

2. Unordered List

Unordered list berfungsi untuk menampilkan daftar list dalam bentuk bulatan atau kotak diawalnya. Tag yang digunakannya adalah tag UL.

Contoh penggunaan list pada HTML:

 

Tags

About The Author

Tineu Nursyifa 28
Novice

Comments

You need to be logged in to be able to post a comment. Click here to login
Plimbi adalah tempat menulis untuk semua orang.
Yuk kirim juga tulisanmu sekarang
Submit Artikel