Assalamu'alaikum Wr Wb.
Dalam pertemua kali ini , saya akan memaprakan mengenai HTML POS.
Judul yang penting dalam dokumen HTML.
HTML Heading
Judul didefinisikan dengan <h1> untuk <h6> tag. <H1> mendefinisikan heading yang paling penting. <H6> mendefinisikan heading yang paling tidak penting.
Contoh:
<h1>Heading 1</h1><h2>Heading 2</h2><h3>Heading 3</h3><h4>Heading 4</h4><h5>Heading 5</h5><h6>Heading 6</h6>
Catatan: Browser secara otomatis menambahkan beberapa ruang putih (margin) sebelum dan sesudah heading.
Judul Apakah Penting
Mesin pencari menggunakan judul untuk mengindeks striktur dan isi dari halaman web Anda.
Pengguna skim halaman Anda dengan judul nya. Hal ini penting untuk menggunakan judul untuk menunjukkan struktur dokumen.
<H1> heading harus digunakan untuk judul utaqma, diikuti oleh<h2> judul, maka kurang penting <h3>, dsb.
Catatan: judul Gunakan HTML untuk judul saja. Jangangunakan judul untuk membuat teks BESAR atau tebal.
Aturan Horizontal HTML
Tag <hr> mendefinisikan istirahat tematik di halaman HTML, dan yang paling sering ditampilkan sebagai aturan horisontal.
Tag <hr> elemen digunakan untuk memisahkan konten (atau menentukan perubahan) dalam sebuah halaman HTML.
Contoh :
<h1>HEading 1</h1><p> Beberapa Text</p><hr><h2>Heading 2</h2><p>Beberapa Text Lainnya</p><hr>
HTML <head> Elemen
HTML <head> elemen tidak ada hubungannya dengan judul HTML.
<Head> elemen merupakan wadah untuk metadata. Metadata HTML adalah data tentang dokumen HTML. Metadata tidak ditampilkan.
<Head> elemen ditempatkan di antara <html> tag dan tag <body>.
Contoh:
<!DOCTYPE html><html><head><title>HTML Pertamaku</title><meta chartset="UTF-8"></head><body></body></html>
catatan : Metadata biasanya menentukan judul dokumen, set karakter, gaya, link, script, dan informasi meta lainnya.
HTML Tip- Cara Lihat HTML Sumber
Apakah anda pernah melihat dokumen Web dan bertanya-tanya" Hai! Bagaimana mereka melakukan itu?"
Untuk mengetahui klik kanan - di halaman dan pilih "View Page Source" (di Chrome) atau "View Source" (di IE), atau serupa di browser lain.Ini akan membuka jendela yang berisi kode HTML halaman.
HTML Tag Referensi
Paragraf merupakan suatu tag yang digunakan untuk membuat suatu element dalam penulisan HTML atau gampangnya untuk membuat sebuah paragraf dalam halaman website. Dalam paragraf itu sendiri terdapat 4 element yang dapat dikombinasikan langsung dengan tag <p> atau paragraf. Element tag tersebut yaitu :
- Paragraf rata kiri menggunakan align left
- Paragraf rata kanan menggunakan align right
- Paragraft rata tengah menggunakan align center
- Paragraf rata kanan kiri menggunakan align justify
PENULISAN TAG PARAGRAF <p>
HTML menggunakan tag kusus untuk membuat sebuah paragraf yaitu menggunakan tag <p> Berikut contohnya :
<!DOCTYPE html><html>
<head>
<title>Membuat Paragraf</title>
</head>
<body>
Ini adalah paragraf pertama
Ini adalah paragraf kedua
</body>
</html>
Jika kita run dalam web browser
Perhatikan contoh diatas, itu tidak tepat karena paragraf tidak dipisahkan melainkan disatukan. Karena dalam HTML enter tidak berpengaruh
Untuk penulisan yang lebih tepat akan saya contohkan sebagai berikut
<!DOCTYPE html><html>
<head>
<title>Membuat Paragraf</title>
</head>
<body>
<p>Ini adalah paragraf pertama</p>
<p>Ini adalah paragraf kedua</p>
</body>
</html>
Jika kita run dalam browser
Dapat kita lihat antara paragraf satu dan paragraf dipisahkan. Yaitu dengan cara menggunakan tag <p> dan ditutup dengan </p>
JENIS PARAGRAF
- Paragraf rata kiri
<p align="left">1. Ini Merupakan Penulisan Paragraf Rata Kiri Dalam HTML</p>
- Paragraf rata kanan
<p align="right">2. ini merupakan penulisan paragraf rata kanan dalam dokument HTML</p>
- Paragraf rata tengah
<p align="center">3. ini merupakan penulisan paragraf rata tengah dalam dokument HTML</p>
- Paragraf rata kanan kiri
<p align="justivy">4. ini merupakan penulisan paragraf rata kiri kanan dalam dokument HTML</p>
Berikut contoh lengkap jika kita gabungkan
<!DOCTYPE html><html>
<head>
<title>Membuat Paragraf</title>
</head>
<body>
<p align="left">1. Ini Merupakan Penulisan Paragraf Rata Kiri</p>
<p align="right">2. Ini Merupakan Penulisan Paragraf Rata Kanan</p>
<p align="center">3. Ini Merupakan Penulisan Paragraf Rata Tengah</p>
<p align="justify">4. Ini Merupakan Penulisan Paragraf Rata Kanan Kiri Dalam HTML</p>
</body>
</html>
Jika kita run dalam browser
PENULISAN PARAGRAF <br>
Kita juga dapat menggunakan tag <br> yang jika di ibaratkan keyboard adalah ENTER. Jadi dengan tag ini kita dapat membuat baris baru dengan tag ini dan menurut saya lebih simpel menggunakan tag <br> alasi break daripada menggunakan tag <p> tapi tergantung kondisi penulisanya. Berikut contohnya :
<!DOCTYPE html><html>
<head>
<title>Membuat Paragraf</title>
</head>
<body>
Ini Adalah Paragraf ke satu<br>
Ini Adalah Paragraf ke dua
</body>
</html>
Jika kita run dalam browser
Dapat kita lihat dan kita ambil kesimpulan bahwa tag <br> berfungsi untuk memisahkan teks satu dengan yang lain atau meng ENTER kalo dalam bahasa saya hehe. Perbedaan antara tag <br> dengan <p> adalah jarak barisnya, tag <p> memiliki jarak baris yang lebih lebar daripada tag <br> . Jika memang membutuhkan paragraf dalam dokumen HTML kita gunakan saja tag <p>
Sekian tutorial kali ini jika sobat masih bingung atau ada yang ditanyakan silahkan berikan komentar, Semoga tutorial kali ini dapat membantu sobat dalam belajar bahasa pemrograman HTML, Sekian Terima Kasih.
REFERENSI
No comments:
Post a Comment