المشاركات

Belajar HTML #02: Pemformatan, List, dan Table Pada HTML

Pemformatan, List, dan Table Pada HTML - Codinganku

Pemformatan Paragraf dan Teks

Ada beberapa jenis pemformatan teks dalam HTML. Pada kali ini kita akan membahas satu per satu sebagai berikut:

1. 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 antara lain adalah left, right, center, dan justify. Setiap penggunaan tag <p> akan berganti ke baris baru. Jika ingin pindah baris tanpa memulai dengan tag <p> kita dapat menggunakan tag <br> tanpa penutup.

Agar lebih jelas dalam memahami tag <p>, perhatikan contoh kode HTML di bawah ini:


<!DOCTYPE html>
<html>
    <head>
        <title>Judul Website Kalian</title>
    </head>
    <body>
        <p> Ini Align Left</p>
        <p align="right"> Ini Align Right</p>
        <p align="center"> Ini Align Center</p>
        <p align="justify"> Ini Justify</p>
    </body>
</html>


Pada syntax di atas terdapat 4 paragraf dengan jenis perataan yang berbeda. Syntax tersebut akan menghasilkan tampilan web seperti gambar berikut:

Align Left, Right, Center, dan Justify - Codinganku

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.


<!DOCTYPE html>
<html>
    <head>
        <title>Judul Website Kalian</title>
    </head>
    <body>
        <h1>Ini Hasil Tag h1</h1>
        <h2>Ini Hasil Tag h2</h2>
        <h3>Ini Hasil Tag h3</h3>
        <h4>Ini Hasil Tag h4</h4>
        <h5>Ini Hasil Tag h5</h5>
        <h6>Ini Hasil Tag h6</h6>
    </body>
</html>


Pada syntax di atas berisi susunan kata yang dibuat dengan tag <h1> sampai <h6>. Hasilnya akan seperti gambar di bawah ini:

Pemformatan Judul - Codinganku


إرسال تعليق