HTML
HTML (HyperText Markup Language) adalah format standard yang digunakan untuk membuat halaman web. HTML merupakan subset dari bahasa yang lebih luas, yaitu SGML (Standard Generalized Markup Language). Selain HTML, subset lain dari SGML antara lain XML (eXtensible Markup Language), SMIL (Synchronized Multimedia Integration Language), dan MathML (Mathematical Markup Language). Versi terakhir HTML saat ini adalah HTML 4.01. Untuk melihat spesifikasi standard HTML.
File HTML berupa file teks yang terdiri dari 2 bagian: content (isi), yaitu berupa teks yang akan ditampilkan oleh browser dan markup atau tags yang menjelaskan bagaimana teks tersebut diinterpretasi oleh browser.
Sebuah file HTML umumnya terdiri dari 2 bagian utama: head dan body; keduanya dilingkupi oleh tag <html> </html>. Agar lebih jelas, perhatikan skema di bawah ini:
<html>
<head>
<title> Judul Halaman Web </title>
<!-- berbagai header -->
<!-- dokumen -->
</head>
<body>
<!-- Isi dokumen yang ditampilkan -->
<!-- di halaman browser -->
</body>
</html>
Keterangan:
Tag Fungsi
<html> </html> penanda dokumen HTML
<head> </head> berisi keterangan mengenai dokumen
<body> </body> berisi bagian yang ditampilkan dalam halaman browser
<!-- --> Komentar dalam file HTML
Sebagai penyedia informasi, suatu halaman web akan selalu melibatkan teks. HTML memberikan fasilitas untuk mengolah teks tersebut. Beberapa tag yang sering digunakan untuk memformat teks antara lain:
Tag Fungsi
<hn> </hn> Membuat heading; n = 1,2,...,6 (ukuran)
<font> </font> Memformat teks dengan warna, ukuran, dan jenis huruf tertentu
<b> </b> Teks yang dilingkupi ditampilkan dengan huruf tebal (bold)
<i> </i> Teks yang dilingkupi ditampilkan dengan huruf miring (italic)
<u> </u> Teks yang dilingkupi ditampilkan bargaris bawah (underlined)
<br /> Tanda pindah baris
<p> </p> Teks yang dilingkupi ditampilkan sebagai satu paragraf
<hr /> Membuat garis horisontal
<ol> </ol> Membuat list berurut (ordered list)
<ul> </ul> Membuat list tidak berurut (unordered list)
<li> </li> Mendaftar item list
<sub> </sub> Membuat subscript
<sup> </sup> Membuat superscript
<center> Membuat teks rata tengah
<dl> </dl> Membuat definition list
<pre> </pre> Menampilkan teks yang diformat terlebih dahulu
Tag-tag di atas sangat berguna untuk mengatur tampilan informasi yang akan kita sajikan pada halaman web. Berikut contoh penggunaan tag-tag di atas:
Heading
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 2</h3>
<h4>Heading 2</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
Tag heading mencerminkan fungsi utama HTML yaitu untuk mengatur struktur teks. Pemanfaatannya seperti sebuah outline dalam pembuatan tulisan.
Font
<HTML>
<HEAD>
<TITLE>Format font pada HTML </TITLE>
</HEAD>
<BODY>
<font size=”6” color="blue" face=”Comic Sans MS”>Contoh 1</font>
<font size=”10” color="green" face=”Trebuchet”>Contoh 2</font>
<font size=”20” color="yellow" face=”Arial”>Contoh 3</font>
</BODY>
<HTML>
Tampilan pada browser:
Paragraf <P></P>
Untuk membuat paragraph di HTML
Contoh :
<HTML>
<HEAD>
<TITLE>Contoh Paragraf pada HTML</TITLE>
</HEAD>
<BODY>
<P ALIGN=”RIGHT”> Ini paragraph menggunakan rata kanan Ini paragraph menggunakan rata kanan Ini paragraph menggunakan rata kanan
<P ALIGN=”LEFT”> Ini paragraph menggunakan rata kiri Ini paragraph menggunakan rata kiri
Ini paragraph menggunakan rata kiri Ini paragraph menggunakan rata kiri
<P ALIGN=”CENTER”> Ini paragraph menggunakan rata tengah Ini paragraph menggunakan rata
tengah Ini paragraph menggunakan rata tengah Ini paragraph
menggunakan rata tengah
</P>
</BODY>
</HTML>
Hasilnya :
portal//perkuliahanamg
0 komentar