Struktur Dasar Dokumen Html

HTTP (Hypertext transfer protocol) merupakan protokol yang dipakai 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 sebab HTML berfungsi untuk ‘memperindah’ file teks biasa untuk ditampilkan pada kegiatan 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 memperlihatkan aneka macam fitur menarik yang tidak didukung oleh HTML sebelumnya. Dalam penulisan tag HTML tidaklah case sensitive artinya pengguna aksara kecil ataupun capital tidaklah menjadi masalah. Setiap dokumen HTML mempunyai struktur. dasar atau susunan file sebagai berikut :
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
Berisi ihwal text, gambar, atau apapun yang tampil pada dokumen web.
</body>
</html>

Struktur file HTML diawali dengan sebuah tag<html> dan ditutup dengan tag </html>. Di dalam tag ini terdapat dua buah penggalan besar, yaitu yang diapit oleh tag<head>…</head> dan tag <body>…</body>.
 merupakan protokol yang dipakai untuk mentransfer data antara web server ke web browser Struktur Dasar Dokumen HTML
Bagian yang diapit oleh tag head merupakan header dari halaman HTML dan tidak ditampilkan pada browser. Bagian ini berisi tag-tag header menyerupai <tittle>… </tittle> yang berpungsi untuk mengeluarkan judul pada tittle kafetaria window web browser.

Bagian kedua, yang diapit ole tag body merupakan penggalan yang akan ditampilkan pada halaman web browser nantinya. Pada penggalan ini anda akan menuliskan semua jenis warta berupa teks dengan bermacam format maupun gambar yang ingin sampaikan pada pengguna nantinya

A. Pengaturan Properti Dokumen
Properti document diatur melalui atribut-atribut yang terdapat dalam elemen

Kode Warna
Dalam pengaturan warna memakai isyarat RGB yang mana ditampilkan dalam nilai heksadesimal. Setiap penggalan dua gigit isyarat memperlihatkan banyaknya intensitas dari kombinasi warna merah, hijau dan biru. Sebagai teladan 00 pada dua digit pertama berarti tidak ada warna merah dalam kobinasi warna berikut ini ialah teladan isyarat warna :
ColorHexadecimalColor Hexadecimal
White#FFFFFFBlack#000000
Red#FF0000Green#00FF00
Blue#0000FFMagenta#FF00FF
Cyan#00FFFFYellow#FFFF00
Aquamarine#70DB93Chocolate#5C3317
Violet#9F5F9FBrass#B5A642
Cooper#B87333Pink#FF6EC7

2. Atribut Elemen <body>
  • BACKGROUND = Latar belakang dokumen 
  • BGCOLOR = Warna (warna latar belakang 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)

mikirbae.com Ini ialah teladan link

3. Elemen Heading <h1>… <h6>
Tag heading berfungsi untuk memformat heading (judul dan subjudul) dari suatu halam web. Heading ini akan memperbesar ukuran aksara unruk setiap jenis heading. Ada 7 buah heading yang dikenal di
HTML, yaitu dari <h1> hingga <h6>.
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

Hasilnya ialah sebagai berikut :

This is heading 1

This is heading 2

This is heading 3

This is heading 4

This is heading 5
This is heading 6
4.Dokumen HTML5
Sebuah dokumen HTML5 menyerupai berikut ini, cukup ditulis dengan Text Editor ataupun HTML Editor :
<! DOCTYPE HTML>
<html>
<head>
<title>Tes HTML5</title>
</head>
<body>
Selamat mencar ilmu HTML5
</body>
</html>

Berikut ini klarifikasi dari dokumen HTML5 di atas :
  1. Sebuah dokumen HTML5 diawali dengan <!DOCTYPE HTML>.
  2. Tanda menyerupai <html> disebut tag. Sebuah tag menyerupai itu menyatakan sebuah elemen dalam dokumen html.
  3. Beberapa tag berpasangan. Sebagai contoh, <head> berpasangan dengan </head>.
  4. Namun, tidak semua tag berpasangan. Sebagai contoh, <br> tidak punya pasangan. Khusus untuk tag menyerupai ini, tidak ada keharusan untuk menyertakan tanda / sebelum >. Pada XHTML, tanda menyerupai / memang diharuskan untuk ditulis.
  5. Pasangan <html>..</html> menyatakan awal dokumen HTML.
  6. Di dalam <html>..</html> terdapat pasangan <head>..</head> dan <body>..</body>.
  7. Pasangan <head>..</head> menyatakan penggalan judul dokumen HTML. Isinya paling tidak berupa pasangan <tittle>..</tittle>.
  8. Pasangan <body>..</body> menyatakan penggalan badan dokumen.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel