BELAJAR HTML DASAR

PEMFORMATAN PADA HTML

Pemformatan Paragraf

Paragraf dibuat dengan tag <p> … </p>, Atribut yang sering digunakan dalam tag ini adalah align. Atribut ini digunakan untuk mengatur perataan paragraf. Nilai yang dapat diberikan pada atribut align adalah left, center, right, dan justify.

Pemformatan Judul

Ada 6 style judul dalam HTML yang dibuat menggunakan tag <h1> sampai <h6>. Tag <h1> menghasilkan judul dengan ukuran huruf paling besar, sedangkan <h6> akan menghasilkan judul dengan ukuran paling kecil.

Style Teks

Teks yang dibuat dengan HTML dapat dibuat tebal, miring, bergaris bawah, bergaris tengah dan sebagainya. Tag yang dapat digunakan untuk mengatur style teks :

Tag <b> … </b> untuk membuat teks tebal.
Tag <i> … </i> untuk menjadikan teks miring.
Tag <u> … </u> untuk membuat teks bergaris bawah.
Tag <strike> … </strike> untuk membuat teks bergaris tengah.
Tag <strong> … </strong> untuk menunjukkan teks penting dengan teks dicetak tebal.
Tag <em> … </em> untuk menunjukkan teks penting dengan teks dicetak miring.
Tag <small> … </small> untuk membuat teks lebih kecil dari umumnya.
Tag <mark> … </mark> untuk membuat teks dengan background kuning, seperti teks yang ditandai.
Tag <del> … </del> untuk menunjukkan teks yang dihapus dengan teks dicoret tengah.
Tag <ins> … </ins> untuk menunjukkan teks yang disisipkan dengan teks bergaris bawah.

Walaupun hasil yang didapat sama antara tag <b> dan tag <strong>, tag <i> dan tag <em>, tag <u> dan tag <ins> , serta tag <strike> dan tag <delete>, namun penggunaan tag tersebut memiliki tujuan yang berbeda. Tag <strong> dan <em> lebih ditujukan untuk menandai teks yang penting.

Subscript dan Superscript

Dalam penulisan matematika, sering ditemui penulisan huruf yang ditulis lebih kecil dan posisinya lebih ke atas atau ke bawah yang biasanya disebut superscript dan subscript. Untuk membuat superscript menggunakan tag <sup> sedangkan untuk membuat subscript menggunakan tag <sub>

Simbol – simbol khusus

Setiap simbol memiliki kode nama dan kode nomor. Untuk menambahkan simbol – simbol tertentu pada HTML. Dapat dilakukan dengan menuliskan kode nama atau kode nomor dari simbol tersebut.

Teks Komentar

Komentar adalah baris text yang tidak ditampilkan dalam halaman website. Fungsi nya adalah memberi keterangan pada skrip.

List

Ada dua jenis list yaitu list berurutan (ordered list) dengan menggunakan tag <ol> … </ol>. Tag ini memiliki atribut type, yang menunjukkan jenis penomoran dan dapat diberi nilai 1, a, A atau i, dan list tidak berurutan (unordered list) dengan menggunakan tag <ul> … </ul>. Atribut ini juga memiliki atribut type, tetapi nilainya berbeda, yaitu round, disc, dan square.

Untuk membuat item list pada tiap baris list baik pada list berurutan maupun list tidak berurutan menggunakan tag <li> … </li>.

Tabel

Tabel pada HTML dapat dibuat menggunakan tag <table> … </table>. Isi dalam tabel dibagi menjadi dua bagian yaitu header tabel ditunjukkan dengan tag <thead> … </thead> dan body tabel ditunjukkan dengan tag <tbody> … </tbody>. Untuk menambah baris pada tabel menggunakan tag <tr> … </tr>. Untuk menambahkan data, jika berupa data header menggunakan tag <th> … </th> sedangkan pada body tabel menggunakan tag <td> … </td>

Tag <table> memiliki beberapa atribut :

Cellspacing, untuk menentukan jarak antar sel.
Cellpadding, untuk menentukan jarak isi sel dengan bordernya.
Width, untuk menentukan lebar tabel.
Height, untuk menentukan tinggi tabel.
Bgcolor, untuk memberi warna background pada tabel.
Align, untuk menentukan perataan tabel.
Border, untuk menentukan tebal border tabel.

Atribut juga dapat diberikan pada baris dan sel tabel yaitu pada tag <tr> atau <td>. Atribut yang dapat diberikan pada tag <tr> atau <td> diantaranya :

Align, untuk menentukan perataan text pada isi sel.
Valign, untuk menentukan perataan text secara vertikal.
Width, untuk menentukan lebar sel.
Height, untuk menentukan tinggi sel.
Bgcolor, untuk memberi warna background pada sel.
Rowspan, untuk menggabungkan sel baris berikutnya pada kolom yang sama.
Colspan, untuk menggabungkan sel kolom berikutnya pada baris yang sama.

Dalam membuat tabel sering kali menggabungkan beberapa sel menjadi satu sel. Dalam HTML, penggabungan sel dikenal dengan istilah span. Untuk menggabungkan beberapa sel di dalam HTML menggunakan atribut colspan dan rowspan. Colspan digunakan untuk menggabungkan beberapa kolom, sedangkan rowspan digunakan untuk menggabungkan beberapa baris. Nilainya diisi angka sesuai jumlah kolom atau baris yang di gabungkan.

Sekian materi pembelajaran yang bisa saya sharing. Semoga bermanfaat untuk teman - teman semua, karena saya juga masih sama - sama pemula dan masih terus belajar mempelajari tentang html dengan baik dan benar.