Upload presentasi
Presentasi sedang didownload. Silahkan tunggu
1
Paragrap dan Heading Dengan Tag HTML
2
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
3
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".
4
Struktur dasar HTML <html> <head> <title>Sedang Belajar</title> </head> <body> aku belajar html nih .. </body> </html>
5
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
6
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
7
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>
8
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>
9
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)
10
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>
11
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>
12
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.
13
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>
14
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>
15
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 -->
16
HTML Text Formatting tags
17
HTML “Computer Output” Tags
18
HTML Citations, Quotations, and Definition Tag
19
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>
Presentasi serupa
