Selasa, 14 Oktober 2014

STRUKTUR DASAR HTML

STRUKTUR DASAR HTML

Pengertian html
HTML merupakan singkatan dari HyperText Markup Language adalah sebuah bahasa pemrograman yang digunakan untuk membuat sebuah halaman web, yang kemudian dapat diakses untuk menampilkan berbagai informasi di dalam sebuah penjelajah web Internet (Browser)

Fungsi HTML :
1.   Membuat halaman webMenampilkan berbagai informasi di dalam sebuah browser Internet.
2.   Membuat link menuju halaman web lain dengan kode tertentu (hypertext).

Struktur Dasar HTML

<html>
<head>
<title>
disini judul dokumen html
</title>
</head>
<body>
                Disini penulisan informasi web
</body>
</html>
               
Penjelasan struktur dasar HTML diatas :
A. Tag
Adalah teks khusus (markup) berupa dua karakter "<" dan ">", sebagai contoh <body> adalah tag dengan nama body.
Secara umum tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter backslash"/" setelah karakter "<").
                Contoh :              
1.  <p> Ini adalah sebuah paragraf</p>
tag <p> adalah tag pembuka, dan tag </p> adalah tag penutup dari “paragraf”.
2.  <i>Hanya kumpulan beberapa kalimat</i>
                 
B. Element
Element adalah isi dari tag yang berada diantara tag pembuka dan tag penutup.
                Contoh :
1.  <p> Ini adalah sebuah paragraf </p>
                “Ini adalah sebuah paragraf “ adalah element    dari tag <p>.
2.  <p> Ini adalah sebuah <b>paragraf</b> </p>
               
C. Attribute
Attribute merupakan informasi tambahan yang diberikan kepada tag. Informasi ini bisa berupa instruksi untuk warna dari text, besar huruf dari text, dll.
syntax :
nama-attribute=“nilai-attribut”
Setiap atribut memiliki pasangan nama/name dan nilai/value) dan ditulis dengan name=”value”. Value diapit tanda kutip, boleh tanda kutip satu (‘) atau dua (“)
                Contoh :
                < p align=“center”> SMK Negeri 3 Kota Bima</p>
                Penjelasan :
                1. <p align=“center”>
                                Merupakan tag                 pembuka yang telah diberi attribute.
                2. </p>
                                Merupakan tag penutup.
                3. SMK Negeri 3 Kota Bima
                                Merupakan konten atau element.
                4. align=“center”
                                Merupakan suatu attribute.
                5. align
                                Merupakan nama attribute.
                6. “center”
                                Merupakan nilai attribute.
D. Tag html
                Merupakan tag pembuka dari keseluruhan halaman web. Semua kode html akan berada di dalam tag ini. Tag html dimulai dengan <html> dan diakhiri dengan </html>.
                Sintaks :
                <html>
                …………..
                </html>
E. Tag Head
                Merupakan kepala dari dokument html.
                Sintaks :
                <head>
                ………………
                </head>
F. Tag title
                Merupakan judul dari dokumen html yang akan ditampilkan pada judul jendela browser.
                Tag <title> dan tag </title> terletak di antara tag <head> dan tag </head>
                Sintaks :
                <title>
                …………
                </title>
G. Tag body
                Menampilkan isi dokumen html. seperti paragraf, tabel, link, gambar, dll
                Sintak :
                <body>
                ……………
                </body>


Tidak ada komentar:

Posting Komentar