Dasar Hypertext Markup Language
Elemen HTML -> Suatu elemen HTML terdiri dari tag-tag dan atribut. Berikut ini ciri-ciri tentang elemen-elemen HTML:
• HTML element dimulai dengan start tag / opening tag.
• HTML element ditutup dengan end tag / closing tag.
• Semua element containt berada diantara start and the end tag.
• Beberapa elements HTML mempunyai empty content.
• Empty elements di tutup di start tag.
• Kebanyaan element HTML dapat mempunyai attributes.
Sumber W3C School.
Empty HTML Elements -> Elemen HTML yang tidak memiliki konten atau isi disebut empty element / elemen kosong. <br> bermakna ganti baris. Pada XHTML, XML, dan versi HTML yang lebih baru, semua elemen harus ditutup dengan end tag. Cara yang tepat untuk menutup elemen kosong yang dapat diterima oleh HTML, XHTML dan XML adalah dengan menambahkan garis miring di awal tag, seperti <br />.
Hyper Text Markup Language(HTML) TAG -> Sewaktu browser menampilkan halaman web. Browser akan membaca teks pada dokumen HTML dan mencari kode khusus yang disebut tag. Tag biasanya merupakan suatu pasangan tag awal <…> dan tag akhir </..>. Format umum pasangan tag adalah sebagai berikut :
<html>
<head>
<title>Contoh Tag HTML</title>
</head>
<body>
.. Isi dokument HTML Anda ..
</body>
</html>
Nb : Tag yang mengandung tag lain di dalamnya disebut sebagai nested tag. jadi tag tidak boleh tumpang tindih
Beberapa Contoh HTML Tag :
• <br /> : Digunakan untuk berpindah baris.
• <p> </p> : Digunakan untuk mendeklarasikan paragraph.
• <hr /> : Membuat Garis Horizontal.
• <blink> : Membuat Text berkedip-kedip.
• <font> : Menformat huruf.
• DLL.
HTML Atribute -> Atribut memungkinkan informasi tambahan pada elemen HTML. Tag awal biasanya memiliki beberapa buah atribut yang menyatakan karakteristik tag tersebut, contoh :
<p align=“center”>Hallo World</p>
Pada contoh diatas “p” adalah nama tag, “align” adalah nama atribut sedangkan “center” adalah nilai atribut.
Nb : atribut selalu melibatkan nilai.
• <p align=“center”> : digunakan untuk menengahkan text paragraph.
• <table border = “1px solid”> : digunakan untuk membuat table yang mempunyai ketebalan garis sebesar 1 pixel dan berwarna solid (hitam).
• <body bgcolor="#000000"> : digunakan untuk membuat background body dengan warna hitam.
• <font size=“12”> : digunakan untuk memrubah ukuran font.
• DLL.
HTML Heading -> Heading dokumen adalah suatu tag yang berisi informasi mengenai bagian kepala dari suatu dokumen HTML. Contoh html heading terdapat pada tag :
• <head>…</head>
• <title>…</title>
Contoh HTML Heading head :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transational//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transational.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="SHORTCUT ICON" href="images/favicon.ico"/>
<title>PenerimaanMahasiswaBaru</title> <metaname="keywords"content="penerimaanMahasiswaBaru,STIKOM,Surabaya,penmaru/>
<meta name="description" content="Saat ini, tidak satupun perusahaan/organisasi maju yang tidak menerapkan teknologi informasi. Surabaya sebagai kota industri merupakan icon perkembangan teknologi informasi kedua setelah jakarta. Meskipun kota besar, biaya hidup di Surabaya (makan, kost-kostan, transportasi, dll) lebih murah dibanding kota besar lainnya (Survei Mercei Indonesia tahun 2008). Sangatlah tepat bila memutuskan belajar teknologi informasi di SURABAYA. " />
</head>
Contoh HTML Heading title :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transational//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transational.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Penerimaan Mahasiswa Baru</title>
</head>
Keterangan :
<title>Penerimaan Mahasiswa Baru</title> : digunakan untuk membuat judul suatu dokumen HTML.
Berbagi Informasi HTML Heading
• Elemen META digunakan untuk memberikan informasi tentang suatu dokumen.
• Elemen META bukan untuk mengantikan elemen title.
• Elemen META digunakan untuk memberikan informasi lain yang bermanfaat bagi browser atau server.
HTML Paragraph
Contoh sintax Penggunaan HTML Paragraph :
<html>
<head>
<title>Coba Blink-Blink</title>
</head>
<body>
<div align=left>apes </div>
<div align=center> apes </div>
<div align=right> apes </div>
</body>
</html>
0 comments:
Post a Comment