Dasar-dasar HTML | Sharing Bersama Mas Aji Kamaludin | || BLC Telkom Klaten ||
Assalamualaikum wr.wb.
A. Pendahuluan
HTML adalah singkatan dari HyperText Markup Language yang berguna untuk membuat atau menyusun dokumen-dokumen web. HTML bukanlah bahasa pemrograman dia hanya terdiri dari markup (penandaan) yang disebut dengan tag.
B. Latar belakang
Mempelajari HTML
C. Maksud dan tujuan
Memahami apa itu HTML
D. Hasil yang didapat
Dapat memahami HTML
E. Alat dan bahan
09:00-12:00
13:00-16:00
G. Pembahasan
HTML adalah singkatan dari HyperText Markup Language yang berguna untuk membuat atau menyusun dokumen-dokumen web. HTML bukanlah bahasa pemrograman dia hanya terdiri dari markup (penandaan) yang disebut dengan tag. HTML dapat dibuat dengan menggunakan text editor sederhana, seperti notepad atau dapat juga menggunakan HTML editor yang bersifat WYSIWYG (What You See Is What You Get), seperti Frontpage, Dreamwaver.
Elemen pada HTML
Dokumen html disusun dari elemen-elemen html, elemen tersebut merupakan komponen-komponen dasar pembentuk dokumen html dan terdiri dari tiga bagian, yaitu tag pembuka, isi dan tag penutup. Sebagai contoh <title>Judul Halaman</title>. <title> adalah tag pembuka, kata "Judul Halaman" adalah isi dan </title> adalah tag penutup.
Tag HTML
Tag adalah penanda atau teks khusus yang berguna untuk menandai elemen-elemen dalam halaman html dengan simbol lebih kecil dari "<" dan lebih besar dari ">", semua tag harus di apit oleh dua simbol "<" ">". Secara umum tag ditulis berpasangan, yaitu tag pembuka dan tag penutup. Tag pembuka menandakan awal dari elemen sebagai contoh <body> dan tag penutup menandakan akhir dari elemen, untuk penulisan tag akhir ada penambahan karakter "/" setelah karakter "<" sebagai </body>, inilah bentuk tag berpasangan dalam html. Meskipun demikian, ada beberapa elemen dalam halaman html yang tidak berpasangan seperti tag <br> dan lain-lain.
HTML
Memberitahukan pada browser bahwa dokumen web yang digunakan adalah HTML.
Contoh :
<html> "Tag pembuka html diletakkan pada awal dokumen"
.........
</html> "Tag penutup html diletakkan pada akhir dokumen"
HEAD
Kepala dokumen html atau tentang dokumen yang akan ditampilkan.
Contoh :
<head> "Tag pembuka head diletakkan pada awal setelah tag <html>"
.........
</head> "Tag penutup head diletakkan diakhir section head"
Pada bagian head akan mengerjakan tugas-tugas sebagai berikut :
Menampilkan isi dokumen html.
Contoh :
<body> "Tag pembuka body diletakkan dibawah tag <head>"
........
</body> "Tag penutup body diletakkan diatas tag </html>"
H. Kesimpulan
Kita harus lebih teliti pada saat kita melakukan script-script diatas (ngoding), agar tidak terjadi error.
I. Referensi
Ebook RPL
Mas Aji Kamaludin
https://www.w3schools.com/
Sekian dari saya yang dapat saya sampaikan, semoga bermanfaat bagi kalian semua
Wassalamualaikum wr.wb.
A. Pendahuluan
HTML adalah singkatan dari HyperText Markup Language yang berguna untuk membuat atau menyusun dokumen-dokumen web. HTML bukanlah bahasa pemrograman dia hanya terdiri dari markup (penandaan) yang disebut dengan tag.
B. Latar belakang
Mempelajari HTML
C. Maksud dan tujuan
Memahami apa itu HTML
D. Hasil yang didapat
Dapat memahami HTML
E. Alat dan bahan
- Laptop
- Charger
- Text editor (sublime text, notepad, atom, dll.)
- Koneksi internet
09:00-12:00
13:00-16:00
G. Pembahasan
HTML adalah singkatan dari HyperText Markup Language yang berguna untuk membuat atau menyusun dokumen-dokumen web. HTML bukanlah bahasa pemrograman dia hanya terdiri dari markup (penandaan) yang disebut dengan tag. HTML dapat dibuat dengan menggunakan text editor sederhana, seperti notepad atau dapat juga menggunakan HTML editor yang bersifat WYSIWYG (What You See Is What You Get), seperti Frontpage, Dreamwaver.
Elemen pada HTML
Dokumen html disusun dari elemen-elemen html, elemen tersebut merupakan komponen-komponen dasar pembentuk dokumen html dan terdiri dari tiga bagian, yaitu tag pembuka, isi dan tag penutup. Sebagai contoh <title>Judul Halaman</title>. <title> adalah tag pembuka, kata "Judul Halaman" adalah isi dan </title> adalah tag penutup.
Struktur Elemen
Struktur Dasar HTML
Tag HTML
Tag adalah penanda atau teks khusus yang berguna untuk menandai elemen-elemen dalam halaman html dengan simbol lebih kecil dari "<" dan lebih besar dari ">", semua tag harus di apit oleh dua simbol "<" ">". Secara umum tag ditulis berpasangan, yaitu tag pembuka dan tag penutup. Tag pembuka menandakan awal dari elemen sebagai contoh <body> dan tag penutup menandakan akhir dari elemen, untuk penulisan tag akhir ada penambahan karakter "/" setelah karakter "<" sebagai </body>, inilah bentuk tag berpasangan dalam html. Meskipun demikian, ada beberapa elemen dalam halaman html yang tidak berpasangan seperti tag <br> dan lain-lain.
HTML
Memberitahukan pada browser bahwa dokumen web yang digunakan adalah HTML.
Contoh :
<html> "Tag pembuka html diletakkan pada awal dokumen"
.........
</html> "Tag penutup html diletakkan pada akhir dokumen"
HEAD
Kepala dokumen html atau tentang dokumen yang akan ditampilkan.
Contoh :
<head> "Tag pembuka head diletakkan pada awal setelah tag <html>"
.........
</head> "Tag penutup head diletakkan diakhir section head"
Pada bagian head akan mengerjakan tugas-tugas sebagai berikut :
- Menyediakan judul dokumen
- Menjembatani hubungan antar dokumen
- Memberitahu browser untuk membuat form pencarian
- Menyediakan metode untuk mengirim pesan ke tipe browser
Menampilkan isi dokumen html.
Contoh :
<body> "Tag pembuka body diletakkan dibawah tag <head>"
........
</body> "Tag penutup body diletakkan diatas tag </html>"
H. Kesimpulan
Kita harus lebih teliti pada saat kita melakukan script-script diatas (ngoding), agar tidak terjadi error.
I. Referensi
Ebook RPL
Mas Aji Kamaludin
https://www.w3schools.com/
Sekian dari saya yang dapat saya sampaikan, semoga bermanfaat bagi kalian semua
Wassalamualaikum wr.wb.
0 Komentar