Selasa, 12 Mei 2015

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 web.
    Menampilkan 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 :              
<p>Ini adalah sebuah paragraf</p>
tag <p> adalah tag pembuka, dan tag </p> adalah tag penutup dari “paragraf”.

B. Element
      Element adalah isi dari tag yang berada diantara tag pembuka dan tag penutup.
Contoh :
<p> Ini adalah sebuah paragraf </p>
“Ini adalah sebuah paragraf “ adalah element dari tag <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 1 Negara</p>
        Penjelasan :
        1. <p align=“center”>
            Merupakan tag                 pembuka yang telah diberi attribute.
        2. </p>
            Merupakan tag penutup.
        3.  SMK Negeri 1 Negara
             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>
      Nah sekian artikel gerbang logika dan macam-macam beserta gambarnya. Semoga bermanfaat, jangan lupa beri komentarnya donk


0 komentar:

Posting Komentar