02 pengenalan html 2
Download as PPT, PDF0 likes558 views
HTML merupakan bahasa standar untuk menampilkan dokumen web. Dokumen HTML terdiri dari tag-tag seperti <html>, <head>, <body> yang mendefinisikan struktur dasar dokumen. Tag-tag lain seperti <p>, <h1>-<h6> digunakan untuk paragraf dan judul, sedangkan <br> dan <hr> digunakan untuk line break dan garis horizontal.
02 pengenalan html 2
- 1. Pengenalan HTML HTML • Hypertext Markup Language merupakan standard bahasa yang digunakan untuk menampilkan dokumen web • Untuk membuat dokumen web yang bisa ditampilkan di browser, perlu menuliskan kode HTML baik secara langsung misal pada editor Notepad, maupun secara tidak langsung misal melalui software Frontpage 1 Pemrograman Web 1 Humisar Hasugian, S.Kom
- 2. Pengenalan HTML TAG • • • • 2 Kode khusus yang merupakan komponen fundamental pada dokumen web dan akan dikenali oleh browser Nama tag ditulis di dalam tanda < > dan untuk tag penutup tambahkan tanda </ > Boleh ditulis dengan huruf besar maupun kecil Digunakan sepasang, contoh : <H1> dan </H1> Pemrograman Web 1 Humisar Hasugian, S.Kom
- 3. Pengenalan HTML ATRIBUT dan VALUE • Beberapa tag mengandung atribut di dalamnya, contoh : <p align=“center”> • Pada contoh di atas, p adalah nama tag, sedangkan align adalah nama atribut • Atribut pada umumnya melibatkan value, seperti pada contoh, “center” adalah value untuk atribut align 3 Pemrograman Web 1 Humisar Hasugian, S.Kom
- 4. Pengenalan HTML STRUKTUR DASAR DOKUMEN HTML • • • • 4 Tag utama adalah <HTML>, <HEAD>, <BODY> Tag HTML berfungsi untuk menyatakan bahwa dokumen tersebut adalah dokumen HTML Tag HEAD berfungsi untuk memberikan informasi tentang dokumen HTML tersebut Tag BODY berfungsi untuk menyimpan informasi atau data yang akan ditampilkan dalam dokumen HTML Pemrograman Web 1 Humisar Hasugian, S.Kom
- 5. Pengenalan HTML STRUKTUR DASAR DOKUMEN HTML • 5 Struktur Dokumen akan terlihat : <html> <head> bagian head </head> <body> bagian body </body> </html> Pemrograman Web 1 Humisar Hasugian, S.Kom
- 6. Pengenalan HTML TITLE • Untuk membuat judul pada suatu dokumen web, digunakan tag <title>..</title> • TITLE bukanlah bagian dari teks dokumen dan hanya berada pada bagian HEAD • TITLE biasanya ditampilkan oleh browser pada title bar dari jendela browser dan biasanya berfungsi sebagai label dari jendela browser tersebut 6 Pemrograman Web 1 Humisar Hasugian, S.Kom
- 7. Pengenalan HTML HEADING • HTML menyediakan 6 buah tag yang digunakan untuk mengatur ukuran teks yang dijadikan sebagai judul dalam badan dokumen • Tag-tag judul ini berupa : <h1> ... </h1> sampai dengan <h6> ... </h6> • 7 Dapat ditambahkan atribut misal align dengan value : left, right, justify Pemrograman Web 1 Humisar Hasugian, S.Kom
- 8. Pengenalan HTML PARAGRAF, LINE BREAK dan KOMENTAR • Tag <p> digunakan untuk membuat paragraf, dan dapat ditambahkan atribut misal align Contoh : <p align=“center”> ...isi paragraf... </p> • Untuk membuat baris baru atau berpindah baris digunakan tag <br> • Untuk memberikan komentar yang nantinya akan diabaikan oleh browser, digunakan tanda <!– dan diakhiri dengan --> 8 Pemrograman Web 1 Humisar Hasugian, S.Kom
- 9. Pengenalan HTML GARIS HORISONTAL • Untuk membuat garis horisontal pada dokumen web digunakan tag <hr> • Atribut pada tag <hr> size : Menentukan ketebalan garis width : Menentukan lebar garis align : Menetukan peletakan teks dalam baris noshade : Mengatur agar garis tidak disertai bayangan 9 Pemrograman Web 1 Humisar Hasugian, S.Kom
- 10. Pengenalan HTML GARIS HORISONTAL • Untuk membuat garis horisontal pada dokumen web digunakan tag <hr> • Atribut pada tag <hr> size : Menentukan ketebalan garis width : Menentukan lebar garis align : Menetukan peletakan teks dalam baris noshade : Mengatur agar garis tidak disertai bayangan 9 Pemrograman Web 1 Humisar Hasugian, S.Kom