Pengenalan HTML

Hypertext Markup Language (HTML) merupakan standart bahasa yang digunakan untuk menampilkan document web. Yang bisa dilakukan dengan HTML yaitu:

  1. Mengontrol tampilan dari web page dan contentnya
  2. Mempublikasikan document secara online sehingga bisa di akses dari seluruh dunia
  3. Menambahkan objek-objek seperti gambar, suara dan video dalam document HTML

Tag – tag pada HTML

Command HTML biasanya disebut TAG, TAG digunakan untuk menentukan tampilan dari document HTML.

Contoh: Setiap document HTML di awali dan diakhiri dengan tag HTML.

<HTML>

…………..

</HTML>

TAG tidak case sensitive, artinya tidak berpengaruh apabila kita menggunakan <HTML> atau <html> keduanya menghasilkan output yang sama. Bentuk dari TAG HTML sebagai berikut:

<ELEMENT ATTRIBUTE = value>

Element – nama TAG

Attribute – atribut dari TAG

Value – nilai dari atribut

Contoh:

<body bgcolor=blue>

body merupakan element, bgcolor (background) merupakan atribut yang memiliki nilai blue (biru).

Untuk memulai bekerja dengan HTML kita bisa menggunakan editor Notepad atau editor lainnya, disini saya menggunakan Adobe Dreamweaver.

Contoh:

1. Ketikan tag-tag berikut pada Notepad / Adobe Dreamweaver

<html>
<head>
<title>Contoh Penulisan HTML</title>
<head>
<body bgcolor="blue">


<h3>Hello World</h3>


</body>
</html>

2. Simpan dengan nama file “tes.html” dengan extension .html
3. Buka / Open with dengan browser seperti Google Chrome / Mozilla, maka outputnya akan tampil seperti berikut,

tes

Semoga Bermanfaat 🙂

Add a Comment

Your email address will not be published. Required fields are marked *