Paragrap dan Heading Dengan Tag HTML
HTML Tags Tag markup HTML biasanya disebut tag HTML Tag terdiri dari lambang-lambang khusus seperti: <html> Tag HTML umumnya selalu berpasangan seperti <b> dan </ b> Tag pertama dalam pasangan adalah tag awal, tag kedua adalah tag akhir Tag Mulai dan tag akhir juga disebut tag pembuka dan tag penutup
HTML Extention HTML mempunyai format file (extention) .htm atau .html Dimana kedua format file tersebut adalah sama, jadi kita boleh menyimpan file dokumen HTML dengan extention ".htm" atau ".html".
Struktur dasar HTML <html> <head> <title>Sedang Belajar</title> </head> <body> aku belajar html nih .. </body> </html>
Penjelasan tag HTML: Tag <html> dan </html> : merupakan tag awal dan tak akhir untuk menjalankan perintah HTML Tag <head> dan </head> : merupakan informasi dari dokumen HTML. Informasi di dalam header meliputi: title, meta, style, script dll. Selain Title informasi di dalam header ini nantinya tidak akan di tampilkan di web browser
Tag <title> dan </title> : berisikan judul web Tag <body> dan </body> adalah isi dari halaman situs. Disini tulisan, gambar, tabel, kalian akan ditampilkan di browser
HTML Paragraphs Paragraf HTML didefinisikan dengan tag <p>. CONTOH: <html> <head> <title>Membuat Paragraf</title> </head> <body> <p>This is a paragraph.</p> </body> </html>
HTML Baris (line) baris dalam HTML didefinisikan dengan tag <br> (line break) CONTOH: <html> <head> <title>Membuat baris</title> </head> <body> This is a baris 1.<br> This is a baris 2.<br> This is a baris 3.<br> </body> </html>
Dalam membuat paragraf tentu kita sewaktu-waktu akan membutuhkan paragraf yang rata kiri, rata kanan, rata tengah, dan rata kanan kiri. Untuk membuat ini kalian akan membutuhkan atribut yang bernama "align". Ada 4 nilai align, yaitu left (rata kiri), right (rata kanan), centre (rata tengah), dan justify (rata kanan kiri)
CONTOH: <html> <head> <title>Membuat Paragraf</title> </head> <body> <p align="left">This is a paragraph.</p> <p align="right">This is a paragraph.</p> <p align="center">This is a paragraph.</p> <p align="justify">This is a paragraph.</p> </body> </html>
HTML Headings Headings HTML didefinisikan dengan tag <h1> sampai <h6> CONTOH: <html> <head> <title>Membuat Headings</title> </head> <body> <h1>This is heading 1</h1> <h2>This is heading 2</h2> <h3>This is heading 3</h3> <h4>This is heading 4</h4> <h5>This is heading 5</h5> <h6>This is heading 6</h6> </body> </html>
Judul dari paragraf atau Heading menggunakan tag yang disebutkan di atas yaitu <h1>, <h2>, <h3>, <h4>, <h5>, dan <h6>. <h1> adalah judul utama dan paling besar sedangkan <h6> adalah yang paling kecil.
Membuat Baris dan garis untuk baris baru adalah <br> (line break), dan untuk membuat baris adalah <hr> (Horizontal) perlu diketahui bahwa sebagian tag elemen HTML tidak memerlukan tag penutup, sebagai contoh adalah <br> dan <hr>
CONTOH: <html> <head> <title>Selamat Datang di Websiteku</title> </head> <body> <hr> <h1>Ini adalah halaman HTML pertamaku.</h1> <p>Aku sedang membuat paragraf dan ini contohnya.</p> <p>Ini contoh paragraf yang lainnya.</p> <br>Ini juga paragraf mm...tapi de- <br>ngan baris baru. <br>Ini baris baru yang lain. </body> </html>
HTML Comments Komentar dapat dimasukkan ke dalam kode HTML untuk membuat lebih mudah dibaca dan dimengerti. Komentar diabaikan oleh browser dan tidak akan ditampilkan CONTOH: <!-- This is a comment -->
HTML Text Formatting tags
HTML “Computer Output” Tags
HTML Citations, Quotations, and Definition Tag
CONTOH <html> <body> <p><b>This text is bold</b></p> <p><strong>This text is strong</strong></p> <p><big>This text is big</big></p> <p><i>This text is italic</i></p> <p><em>This text is emphasized</em></p> <p><code>This is computer output</code></p> <p>This is<sub> subscript</sub> and <sup>superscript</sup></p> <u>this text is underline</u> </body> </html>