Struktur Dasar HTML (Hypertext Markup Language)



Struktur Dasar HTML- HTML (Hypertext Markup Language) adalah sebuah bahasa pemrograman yang bisa dikenali oleh web browser yang berfungsi untuk menampilkan informasi seperti teks, video, audio/suara bahkan animasi. Untuk bisa membuat website dengan baik maka hal pertama yang harus dilakukan adalah kita harus mengenal dan menguasai kode-kode dasar HTML.


Pengenalan Dasar Kode HTML

            Kode HTML memiliki aturan dan struktur penulisan tersendiri yang disebut sebagai ‘tag HTML’. Tag adalah kode yang digunakan untuk memoles (mark-up) teks ASCII (American Standart Code for Information Interchange) mendaji file HTML. Setiap tag di apitdengan tanda krung runcing (‘< >’). Pada sebuah file HTML tag pembuka di tandai dengan <HTML> dan tag penutup di tandai dengan </HTML>.

            Tag diatas memiliki makna bahwa yang akan di tulis diantara kedua tag tersebut adalah isi dari fokumen html tersebut. Perlu kita ketahui bahwa tag-tag html bisa di tulis dengan huruf besar atapun huruf kecil. Artinya penulisan <HTML> atau <html> ataupun <HTml> tidak akan mempengarungi hasilnya. Namun yang perlu kita perhatikan adalah penulisan tag-tag jangan sampai salah karena itu sangat berpengaruh pada dokumen html tersebut. Kesalahan penulisan atau peletakan tag-tag tersebut akan sangat berpengaruh dengan dokumen htmlnya dan bahkan kesalahan penulisan tanda petik (“) saja bisa bisa mengakibatkan dokemen html tidak terbaca oleh browser.

            Dalam mempelajari html, kita terlebih dahulu harus menganal dasar-dasar kode html dan membiasakan diri untuk mengetik kode html. Jika teman-teman serius ingin mempelajari html saya sarankan teman-teman untuk mengikuti postingan-postingan di blog ini. Karena saya akan mebagikan beberapa pengetahuan saya dalam blog ini secara bertahap.

            Sebagai langkah awal coba teman-teman ketikkan kode html di bawah ini kemudian simpan dengan nama “titile.html”. Untuk membiasakan kita mengetik kode html, saya sarankan jangan copy-paste kode-kodenya, karena tujuan kita disini adalah untuk membiasakan diri untuk megetik kode html. Saya sarankan menggunakan NetBeans atau NotePad++ :

<html>
    <head>
        <title>INI ADALAH WEBSITE SAYA</title>
    <body>

    </body>
</html>
           
            Kode diatas berfungsi untuk menampilkan judul/nama website kita di bagian ‘tab browser’. Jadi sebagai contoh jika kita ingin menampilkan judul website dengan nama Istana Ilmu maka di bagian <title> bisa kita rubah menjadi <titile>Istana Ilmu</title>.

Struktur Dasar HTML (Hypertext Markup Language) Struktur Dasar HTML (Hypertext Markup Language) Reviewed by Zainul Muhibbin on May 30, 2018 Rating: 5

No comments:

Powered by Blogger.