Dasar HTML

Dasar HTML

Prak. Internet dan WebRusmala Santi

Konsep dan fungsi HTML

• HTML: bahasa WWW yang digunakan untuk menyusun dan membentuk dokumen agar dapat ditampilkan pada program browser

• Protocol yang digunakan untuk mentransfer data atau document dari web server ke browser

HTML menentukan dua fungsi:

• Membentuk tata letak dokumen, jenis huruf, gambar dan komponen dokumen lainnya

• Menentukan hubungan ke dokumen lain, HTML merupakan suatu bahasa komputer yang termasuk dalam kategori SGML (Standard Generalized Markup Language) bentuknya merupakan file standar ASCII yang berisi kode2 untuk mengatur dokumen

Struktur HTML

• Tag: kode atau simbol yang digunakan untuk meletakkan perintah HTML

• Tag tertutup < >• Contoh: <img src=“gambar.gif”/>• Tag berpasangan, dengan tanda permulaan

dan akhiran• Contoh: <title> judul HTML </title>• Non-sensitive-case

Struktur tag dasarNama Tag Kode Tag Keterangan

Jenis Dokumen <HTML> </HTML> Terdapat pada awal dan akhir dari file HTML

Judul <TITLE> </TITLE> Harus selalu terdapat pada mukadimah

Mukadimah(header) <HEAD> </HEAD> Keterangan umum, seperti judul dsb

Batang Tubuh <BODY> </BODY> Isi dari halaman HTML

Contoh: selamat.html<HTML><HEAD><TITLE>Latihan HTML</TITLE></HEAD><BODY>Selamat belajar HTML</BODY></HTML>

Nama TAG Keterangan

<!_ _> Memberi komentar atau keterangan.

<a href> Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut

<a name> Membuat nama bagian yang didefinisikan pada link pada halaman yang sama

<applet> Sebagai awal dari Java applets

<area> Mendefinisikan daerah yang dapat diklik (link) pada image map

<b> Membuat teks tebal

<basefont> Membuat atribut teks default seperti jenis, ukuran dan warna font

<bgsound> Memberi (suara latar) background sound pada halaman web

<big> Memperbesar ukuran teks sebesar satu point dari defaultnya

<blink> Membuat teks berkedip

<body> Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link &visited link

<br> Pindah baris

<caption> Membuat caption pada label

<center> Untuk perataan tengah terhadap teks atau gambar

Nama TAG Keterangan

<comment> Meletakkan komentar pada halaman web tidak akan nampak pada browser

<dd> Indents teks

<div> Represents different section of text

<embed> Menambahkan sound or file avi ke halaman web

<fn> Seperti tag <a name>

<font> Mengganti jenis, ukuran, warna huruf yang akan digunakan untuk teks

<form> Mendefinisikan input form

<frame> Mendefinisikan frame

<frameset> Mendefinisikan attribut halaman yang akan menggunakan frame

<h1> … <h6> Ukuran font

<head> Mendefinisikan head document

<hr> Membuat garis horizontal

<html> Berarti dokumen html

<i> Membuat teks miring

<img> Image, imagemap atau animation

Nama TAG Keterangan

<input> Mendefinisikan input field pada form

<li> Membuat bullet point atau baris baru pada list(berpasangan dengan tag <dir>, <menu>, <ol> dan <ul>

<map> Mendefinisikan client-side map

<marquee> Membuat scrolling teks (teks berjalan) – hanya pada MS IE

<nobr> Mencegah ganti baris pada teks atau image

<noframes> Jika browser user tidak mendukung frame

<ol> Mendifiniskan awal dan akhir list

<p> Ganti paragraf

<pre> Membuat teks dengan ukuran huruf yang sama

<script> Mendefinisikan awal script

<table> Membuat tabel

<td> Kolom pada tabel

<title> Mendefinisikan title

<tr> Baris pada tabel

<u> Membuat teks bergaris bawah

Dasar HTML

Documents

Transcript of Dasar HTML