Scribd
Unggah
25 tayangan4 halaman

Struktur HTML

Diunggah oleh

hildaanggun13
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
25 tayangan4 halaman

Struktur HTML

Diunggah oleh

hildaanggun13
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 4

STRUKTUR DOKUMEN HTML

HTML(Hyper Text Markup Language) adalah sekumpulan simbol-simbol atau tag-tag


yang dituliskan dalam sebuah file yang dimaksudkan untuk menampilkan halaman
pada web browser. Struktur dasar HTML adalah sebagai berikut :
<html>
<head>
<title>
</title>
</head>
<body>
----------
</body>
</html>

Document HTML bisa di bagi mejadi tiga bagian utama:


1. <HTML> ……. </HTML>
2. <HEAD> …… </HEAD>
3. <BODY> …… </BODY>

1. <HTML> ……. </HTML>


tag HTML memberi tahu browser bahwa yang di dalam kedua tag tersebut adalah
document HTML.
2. <HEAD> …… </HEAD>
di dalam bagian ini biasanya dimuat tag TITLE yang menampilkan judul dari
halaman pada titlenya browser.
Browser menyimpan “titile” sebagai bookmark dan juga untuk keperluan pencarian
(searching) biasanya title di gunakan sebagai keyword.
Header juga memuat tag META yang biasanya di gunakan untuk menentukan
informasi tertentu mengenai document HTML, anda bisa menentukan author name,
keywords, dan lainnya pada tag META.
3. <BODY> …… </BODY>
Document body di gunakan untuk menampilkan text, image link dan semua isi atau
content yang akan di tampilkan pada halaman web.

Daftar Tag pada HTML


Berikut ini adalah tabel tag-tag HTML dan fungsinya:

Tag Utama
Tag Atribut Deskripsi
<html> Baris paling atas dari setiap file
</html> HTML
<head> Informasi umum dari sebuah
</head> halaman web
<title> Judul halaman. Terdapat pada
</title> head
<body> background Settingan atribut untuk seluruh
</body> bgcolor dokumen.
bgsound
font
link
alink
vlink
topmargin
leftmargin
marginheight
marginwidth

Font
Tag Atribut Deskripsi
color
<font> Mengubah gaya suatu
size
</font> huruf.
name

Formatting
Tag Deskripsi
<blockquote> untuk mengatur text dan gambar dalam suatu
</blockquote> tag
<ol> </ol> Ordered List (digunakan dengan <li>)
<ul> </ul> Unordered List (digunakan dengan <li>)
<li> Elemen List
<dd> </dd> Definition List
<dt> Definition Term
<dd> Definition Description
<p> </p> Paragraf
<br> Ganti baris
<hr> Garis horizontal
<center> </center> Menengahkan elemen Sample

Modifikasi Teks
Tag Deskripsi
<b> </b> Teks tebal
<i> </i> Teks miring
<u> </u> Teks garis bawah
<pre> </pre> Preformatted teks
<h1> </h1> Header 1
<h2> </h2> Header 2
<h3> </h3> Header 3
<h4> </h4> Header 4
<h5> </h5> Header 5
<h6> </h6> Header 6
<sub> </sub> Subscript
<sup> </sup> Superscript

Links
Tag Atribut Deskripsi
href
target
style Membuat link ke dokumen atau situs
<a> </a>
class lainnya.
name
id

Gambar
Tag Atribut Deskripsi
src
alt
name
<img> Menampilkan sebuah gambar
border
height
width

Tabel
Tag Atribut Deskripsi
border
cellpadding
cellspacing
width
height
<table> name
Mengatur semua elemen table
</table> id
title
bgcolor
background
align
valign
height
bgcolor
background
<tr> </tr> Membuat baris baru
align
valign
title
height
width
bgcolor
background
<td> </td> align Membuat kolom
valign
title
colspan
rowspan
height Header(kepala tabel). Otomatis
<th> </th> width ke
bgcolor tengah dan tebal.
background
align
valign
title
colspan
rowspan
height
width
Format yang berlaku bagi cell
<tbody> align
yang
</tbody> valign
diapit tag.
bgcolor
background
height
width
align
<colgroup> Format yang berlaku bagi
valign
</colgroup> kolom
bgcolor
background
colspan

Anda mungkin juga menyukai