Bab I

BAB I
PENGENALAN HTML
CAPAIAN PEMBELAJARAN (Learning Out Come)

1. Capaian Pembelajaran Umum : Mahasiswa mampu memahami defenisi HTML
2. Capaian Pembelajaran Khusus : Mahasiswa mampu memahami dan mempraktekkan
tentang HTML
1.1. Dokumen HTML

HTML atau Hypertext Marksup Language merupakan salah satu format yang digunakan
dalam pembuatan dokumen dan aplikasi yang berjalan dihalaman web. Sebenarnya, dokumen
HTML hanyalah sebuah dokumen teks biasa dan disebut sebagai Markup Language yakni bahasa
yang mengandung tanda (tag) tertentu yang digunakan untuk mengatur format tampilan suatu
dokumen. Simbol markup yang digunakan oleh HTML ditandai dengan tanda lebih kecil ( < ) dan
tanda lebih besar (> ).
Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks sembarang.
Dokumen ini dikenal sebagai web page. Dokumen HTML merupakan dokumen yang disajikan
dalam browser web surfer. Dokumen ini umumnya berisi informasi ataupun interface aplikasi di
dalam internet.
1.2. Dasar-Dasar HTML

HTTP (hypertext transfer protocol) merupakan protokol yang digunakan untuk
mentransfer data antara webserver ke webbrowser. Protokol 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 webbrowser. Hal ini dilakukan dengan menambahkan
elemen atau sering disebut sebagai tag-tag pada file teks biasa tersebut.
Tag dalam HTML biasanya berupa tag-tag berpasangan dan ditandai dengan simbol <
dan >. Pasangan dari sebuah tag ditandai dengan tanda „/‟. 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 : <contoh
atribut1=”nilai_atribut1” atribut2=” nilai_atribut2” … >. Dalam penulisan tag HTML
tidaklah case sensitive artinya penggunaan huruf kecil ataupun kapital tidaklah menjadi
masalah.
1.3. Struktur Dasar Dokumen HTML

Setiap dokumen HTML memiliki struktur dasar atau susunan file sebagai berikut :
<html>
<head>
<title>berisi judul yang muncul pada title bar webbrowser</title>
</head>
<body>
Berisi tentang text, gambar, atau apapun yang ingin anda
Tampilkan pada dokumen anda ada pada bagian ini.
</body>
</html>
Seperti terlihat, struktur file HTML diawali dengan sebuah tag<html> dan ditutup
dengan tag</html>. Di dalam tag ini terdapat dua buah bagian besar, yaitu yang diapit oleh
tag<head> ... </head> dan tag<body> ... </body>.
Bagian yang diapit oleh tag HEAD merupakan header dari halaman HTML dan tidak
ditampilkan pada browser. Bagian ini berisi tag-tag header seperti <title> ... </title> yang
berfungsi untuk mengeluarkan judul pada title bar window web browser. Tag lain misalnya
<meta> dan tag-tag lainnya yang akan kita pelajari.
Bagian kedua, yang diapit oleh tag BODY merupakan bagian yang akan ditampilkan
pada halaman webbrowser nantinya. Pada bagian ini Anda akan menuliskan semua jenis
informasi berupa teks dengan bermacam format maupun gambar yang ingin Anda sampaikan
pada pengguna nantinya.
Contoh :
1.4. Penamaan Dokumen
Pilih suatu nama, sembarang nama, kemudian tambahkan sebuah ekstensi".html" atau
".html" (Tanda petik ganda tidak perlu dituliskan karena digunakan sebagai penjelas saja).
Ekstensi dokumen HTML yang menggunakan 3 karakter, awalnya adalah untuk
mengakomodasi sistem penamaan yang ada dalam sistem operasi DOS. Nama dokumen pada
beberapa sistem operasi bersifat case sensitif. Nama dokumen yang sama tetapi dituliskan
dengan case yang berbeda akan dianggap sebagai dokumen yang berbeda, misalnya
dokumen. html akan berbeda dengan DOKUMEN.htm. Kasus case sensitive akan dijumpai
pada dokumen web yang dihosting didalam server yang berbasis *nix (Keluarga sistem
operasi Unix).
File yang disimpan dalam format HTMLakan berekstensi HTM atau HTMl. File yang
berakhiran HTM atau HTML ini sama untuk berbagai jenis sistem operasi seperti Linux,
Unix, Windows dsb.
1.5. Elemen
“Elemen” adalah merupakan istilah bagi komponen-komponen dasar pembentuk
dokumen HTML. Beberapa contoh elemen adalah head, body, table, paragraf, list. Elemen
dapat berupa teks murni atau buakan teks atau keduanya.
Nama elemen ditunjukkan dengan nama tagnya. Suatu elemen didalam dokumen
HTML harus ditandai dengan penulisan tagnya yang berpasangan. Ada beberapa elemen
yang tidak mengharuskan tagnya dituliskan secara berpasangan, elemen tersebut adalah :
1. paragraf dengan tag 
2. ganti baris- line break dengan tag 
3. garis datar- horizontal rule dengan tag <hr>
4. list item dengan tag <li>
Secara umum suatu elemen dalam dokumen HTML yang dinyatakan dengan tagnya,
dituliskan :
<namatag> …….. </namatag>
1.6. Tag
Untuk menandai berbagai elemen dalam suatu dokumen HTML, kita menggunakan
tag. Tag html terdiri atas sebuah kurung sudut kiri (<, tanda lebih kecil). Tag umumnya
berpasangan (misalnya <H1> dengan </H1>), tag yang menjadi pasangan selalu diawali
dengan karakter garing (/, garis miring). Tag yang pertama menunjukkan tag awal yang
berarti awal elemen, dan yang kedua menunjukkan tag akhir, berarti akhir elemen.
Nama elemen ditunjukkan dengan nama tagnya. Suatu elemen di dalam dokumen
HTML harus ditandai dengan penulisan tagnya yang berpasangan. Ada beberapa elemen
yang tidak mengharuskan tagnya dituliskan secara berpasangan, elemen tersebut diantaranya
adalah :
1. Paragraph dengan tag 
2. Ganti baris – line break dengan tag 
3. Garis datar – horizontal rule dengan tag <hr>
4. List item dengan tag <li>
Secara umum suatu elemen dalam dokumen HTML yang dinyatakan dengan tagnya,
dituliskan :
<namatag> … </namatag>
Catatan :
Penulisan penamanan tag bebas, dapat menggunakan huruf besar, huruf kecil, ataupun
campuran (tidak case sensitive). Tetapi untuk antisipasi pada standar penulisan tag,
direkomendasikan untuk menuliskan tag dengan menggunakan huruf kecil semuanya.
1.7. Cara Menuliskan Tag

Nama tag ditulis di dalam tanda < dan >. Antara nama tag dan tanda < ditulis tanpa
spasi sama sekali. Nama tag boleh ditulis dengan huruf kecil, huruf kapital, ataupun
kombinasi antara huruf kecil dan huruf kapital. Dengan kata lain, penulisan :
<HTML>
<html>
<Html>
Dianggap sama. Namun umumnya nama tag ditulis dengan huruf kecil saja atau huruf
kapital saja.
1.8. Petunjuk untuk Menggunakan Tag

1. Tag dalam HTML diapit dua karakter kurung bersudut ( <dan>)
2. Tag dalam HTML selalu berpasangan seperti dan 
3. Tag pertama adalah tag awal, dan tag yang kedua merupakan tag akhir
4. Tag html tidak „case sensitif‟. berarti sama dengan 
5. Jika dalam suatu tag ada tag lagi, maka penulisan tag akhir tidak boleh bersilang harus
berurut. Misalnya Huruf Tebal dan miring .
1.9. Atribut Tag

Atribut menyatakan sesuatu tentang tag tersebut. Atribut digunakan untuk mengubah
default pemformatan dokumen dengan tag yang bersangkutan. Beberapa tag mengandung
atribut di dalamnya. Contoh :

Secara umum tag dengan atributnya adalah sebagai berikut :
<namatag atr1=”nilai_atr1” atr2=”nilai_atr2”>.....</namatag>
Atribut setiap tag akan bebeda-beda
1.10. SOAL-SOAL LATIHAN

1. Jelaskan kepanjangan dari HTML
2. Tuliskan Simbol markup yang digunakan oleh HTML
3. Tuliskan contoh format penulisan tag HTML
4. Apa yang dimaksud dengan Elemen HTML, dan berikan contohnya.
5. Apa yang dimaksud dengan Atribut HTML, dan berikan contohnya.

Bab I

Diunggah oleh

Informasi Dokumen

Deskripsi Asli:

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Bab I

Diunggah oleh

Hak Cipta:

Format Tersedia

BAB I

CAPAIAN PEMBELAJARAN (Learning Out Come)

1.1. Dokumen HTML

1.2. Dasar-Dasar HTML

1.3. Struktur Dasar Dokumen HTML

1.7. Cara Menuliskan Tag

1.8. Petunjuk untuk Menggunakan Tag

1.9. Atribut Tag

1.10. SOAL-SOAL LATIHAN

Anda mungkin juga menyukai