Hyper Text Markup Language atau yang biasa disebut dengan HTML merupakan bahasa dari World Wide Web (WWW) yang merupakan bahasa standar untuk membuat suatu dokumen dalam bentuk halaman web yang terdiri dari kode-kode tertentu. Kode - kode tersebut nantinya akan menampilkan halaman web yang terdiri dari berbagai macam format file seperti teks, gambar, video, grafik, ataupun audio. Contohnya saja jika anda membuka salah satu website, misalnya website jejaring sosial facebook, ketika anda membukannya, disana pasti anda melihat ada berbagai macam teks, warna, foto, ataupun gambar. Sebenarnya teks, foto, dan semuanya itu merupakan kumpulan dari kode-kode yang sudah diubah menjadi tampilan yang mudah dimengerti oleh manusia.
1 Struktur Dasar HTML
<html>
<head>
<title> Judul WEB </title>
</head>
<body> tempat menuliskan kode-kode </body>
</html>
2. <!-- .. -->
Digunakan untuk menuliskan komentar,
komentar tersebut nantinya tidak akan ditampillkan pada web browser.
Contoh:
<!-- Blog ini saya buat khusus untuk kita semua belajar.
algoritma-cyber.blogspot.com -->
3. <!DOCTYPE>
Deklarasi ini tidak termasuk tag HTML, tetapi merupakan instruksi untuk web browser tentang versi bahasa markup yang digunakan.
Contoh:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4. <a href=".."> .. </a>
Digunakan untuk membuat link kedokumen lain.
Contoh:
<body>
<a href="http://www.algorutma.cyber.blogspot.com"> Blog Tutorial </a>
</body>
5. <b> .. </b>
digunakan untuk mencetak tebal teks
Contoh:
<b> ini teks yang dicetak tebal algoritma-cyber.blogspot.com </b>
6. <big>.. </big>
digunakan untuk membuat teks berukuran besar
Contoh:
<big> blog tutorial: algoritma-cyber.blogspot.com </big>
7. <br>
digunakan untuk menyisipkan sebuah baris
contoh:
kunjungi blog tutorial <br>
algoritma-cyber.blogspot.com
8. <button>
digunakan untuk mendefinisikan sebuah tombol
Contoh:
<button type="submit"> SIMPAN </button>
9. <center>
digunakan untuk menampilkan teks ditengah halaman
contoh
<center> halo salam kenal dari hadi :) </center>
10. <div>
digunakan untuk mendefiniskan bagian dari sebuah halaman web,
sering digunakan untuk mengelompokan elemen-elemen html dengan format style tertentu
Contoh:
<div style="color:#00000">
algoritma-cyber.blogspot.com
</div>
11. <dt>
digunakan untuk membuat daftar item
Contoh:
<dl>
<dt> daftar menu makanan </dt>
<dd> kentang goreng</dd>
<dd> empek-empek </dd>
<dd> Telor dadar </dd>
<dt> daftar menu minuman </dt>
<dd> jus alpokat</dd>
<dd> air putih </dd>
<dd> es teh manis </dd>
</dl>
12. <em>
digunakan untuk menekankan sebuah teks
Contoh:
<em> Hadi </em> adalah orang yang ganteng :p
13. <font>
digunakan untuk mendefinisikan huruf
Contoh:
<font size="4" color="green" > algoritma-cyber.blogspot.com </font>
14. <form>
digunakan untuk mendefinisikan sebuah form masukan dari pengguna
Contoh:
<form action="hadi.php" method="POST">
nama <input type="text" name="nama"> <br>
telepon <input type="text" name="tlp"> <br>
<input type="submit" value="simpan">
</form>
15.<frame>
digunakan untuk mendefinisikan sebah window tertentu pada sebuah frameset
Contoh:
<frameset cols="25%,50%,25%">
<frame src="framea.htm">
<frame src="frameb.htm">
<frame src="framec.htm">
</frameset>
16. <h1> sampan dengan <h6>
digunakan untuk mendefinisikan bagian atas <heading> teks
dimulai dari ukuran besar <h1> sampai dengan kecil <h6>
Contoh:
<h1>hadi kurniawan</h1>
<h2>hadi kurniawan</h2>
<h3>hadi kurniawan</h3>
<h4>hadi kurniawan</h4>
<h5>hadi kurniawan</h5>
<h6>hadi kurniawan</h6>
17. <hr>
digunakan untuk membuat garis horizontal
contoh:
aplkasi perhitngan: <hr>
lihat disini
18 <i>
digunakan untuk membuat teks miring
contoh:
<i> hadi </i>
19. <p>
digunakan untuk membuat paragraf baru
contoh:
hadi kurniawan <p>
algoritma-cyber.blogspot.com
Posting Komentar
Semua Artikel Diblog ini boleh disebarluaskan,
asal mencantumkan sumbernya.
Terima kasih atas kunjungannya
Semoga artikel dblog ini bisa bermanfaat buat kita semua.
mohon kritik dan sarannya.
salam kenal dan salam Blogger Indonesia