Dasar-dasar HTML
•HTTP (Hypertext transfer protocol) merupakan protokol yang digunakan untuk mentransfer data antara web server ke web browser.
•Protocol ini mentransfer dokumen-dokumen web yang ditulis atau berformat HTML (Hypertext
Markup Language).
•Dikatakan markup language karena HTML berfungsi untuk ‘memperindah’ file teks biasa untuk ditampilkan pada program web browser hal ini dilakukan dengan menambahkan elemen atu sering disebut sebagai tag-tag pada file teks biasa tersebut.
•Saat ini sudah dikenal HTML5 yang menawarkan berbagai fitur menarik yang tidak didukung oleh HTML sebelumnya. Yaitu:
§Canvas. Memungkinkan pembuatan gambar dalam kanvas. Jadi, gambar tidak lagi diambil dari gambar utuh, melainkan bisa disusun sendiri, bak menggunakan program Paint.
§Header. Berguna untuk menyatakan suatu judul, yang bisa diisi dengan elemen logo dan nama perusahaan.
§Footer. Merupakan kebalikan dari header. Sebagai catatan kaki,
elemen ini berguna untuk menaruh informasi di bagian bawah halaman web.
§Time. Elemen ini berguna untuk menyajikan informasi tentang waktu.
§Audio. Memungkinkan penyajian player untuk memutar suara.
§Video. Memungkinkan player untuk memainkan film.
Tag Dasar
HTML
•Tag HTML biasanya berupa tag-tag yang berpasangan dan ditandai dengan symbol lebih besar (<) dan (>).
•Pasangan dari sebuah tag ditandai dengan symbol garis miring (/). Misalnya pasangan dari tag <contoh> adalah </contoh>. Dalam hal ini <contoh> kita sebut sebagai elemen dan biasanya dalam suatu elemen terdapat atribut-atribut untuk mengatur elemen itu. Jadi misalnya elemen <contoh> bila ditulis dengan atributnya adalah sebagai berikut:
<contohatribut1=”nilai_atribut1”atribut2=”nilai_atribut2=”…>.
Struktur Dasar HTML
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
Berisi tentang text, gambar,
atau apapun yang
tampil pada dokumen web.
</body>
</html>
Pengaturan Properti Dokumen
Properti document diatur melalui atribut-atribut yang terdapat dalam elemen <body>. Sebagai contoh adalah pengaturan warna latar belakng halaman, wana teks, warna link dan lain-lain.
•Kode Warna
Dalam pengaturan warna menggunakan kode RGB yang mana ditampilkan dalam nilai heksadesimal. Setiap bagian dua gigit kode menunjukkan banyaknya intensitas dari kombinasi warna merah, hijau dan biru.
Kode Warna
Sebagai contoh 00 pada dua digit pertama berarti tidak ada warna merah dalam kobinasi warna berikut ini adalah contoh kode warna:
Atribut Element Body
•BACKGROUND = Lokasi dan nama file (latar belakng dokumen image dokumrn)
•BGCOLOR = Warna (warna latar belakng dokumen, default putih)
•TEXT = Warna (warna teks dokumen, default hitam)
•LINK = Warna (warna link dokumen, default biru)
•VLINK = Warna (warna visited link dokumen, default ungu)
•ALINK = Warna (warna aktif link dokumen, default merah)
Elemen Heading
•Elemen Heading <h1>… <h6>
•Tag heading berfungsi untuk memformat heading (judul dan sub-judul) dari suatu halam web. Heading ini akan memperbesar ukuran huruf unruk setiap jenis heading. Ad 7 buah heading yang dikenal di HTML, yaitu dari <h1> sampai <h6>.
Dokumen HTML5
<! DOCTYPE HTML>
<html>
<head>
<title>Tes HTML5</title>
</head>
<body>
Selamat belajar HTML5
</body>
</html>
semoga bermanfaat
0 Response to "Dasar-dasar HTML (HyperTextMarkupLanguage)"
Post a Comment