Ads 720 x 90

Fiksioner Free Blogger Theme Download

PART 2 : Struktur Dasar HTML

    Hai sahabat banker ! Setelah beberapa lalu saya sempat memberikan pengenalan tentang HTML kali ini saya akan memberikan sebuah pelajaran awal tentang struktur HTML sekaligus akan memberikan contoh sederhana untuk membuat pemrograman HTML. Baiklah untuk awal saya akan mengenalkan anda pada dasar sebuah program HTML. Kita akan belajar tentang struktur HTML dan cara bagaimana menampilkan isi dokumen HTML ke halaman website. Berikut contoh struktur dasar HTML :


See the Pen struktur by Ananda Van Bian (@ananda-van-bian) on CodePen.


    Pada editor diatas merupakan struktur dalam penulisan HTML yang terdiri dari  3 tag. Tag awal yaitu <html>  dan diakhiri merupakan tag pembuka dalam sebuah dokumen HTML. lalu terdapat Tag kepala dengan pembuka <head>  di dokumen head ini biasanya para programer menuliskan sebuah script yang digunakan untuk membuat sebuah algoritma pemrograman. dan terakhir adalah tag Badan yang diawali dengan <body> .disini berisi tentang sebuah isi content. untuk membuat program awal kita akan belajar untuk menampilkan suatu dokumen pada tag <body> ke halaman web. Berikut contoh programnya :


See the Pen menampilkan isi program by Ananda Van Bian (@ananda-van-bian) on CodePen.


    Coba perhatikan diantara tag <body> dan </body> terdapat sebuah tag <p> dan diakhiri </p> yang merupakan tubuh dokumen. jadi setiap dokumen yang berada pada tag tersebut akan ditampilkan dalam halaman web. apa itu p dalam HTML ? p merupakan sebuah tag untuk sebuah paragraf. ketika kita akan menulis paragraf kita perlu menambahi tag p. Lanjut ke pembelajaran selanjutnya kita akan menampilkan sebuah dokumen pada tag head dan body secara bersamaan.


See the Pen contoh Awal by Ananda Van Bian (@ananda-van-bian) on CodePen.


    Pada contoh diatas terlihat di tag <head> terdapat <title> dan <h1>.  fungsi dari <title> menampilkan judul web di bar browser dan <h1> menampilkan judul konten. Ingat pada penulisan awal tag pasti akan ada akhir</namatag>. Demikian yang bisa saya berikan ke anda untuk saran dan kritik anda dapat mengirimkan ke komentar di bawah.

Related Posts

1 comment

Post a Comment

Subscribe Our Newsletter