Pengertian dan Dasar-Dasar HTML

1. Pengertian HTML

HTML yang sering sisebut juga Hypertext markup language merupakan salah satu format atau kode yang digunakan untuk pembuatan aplikasi atau document yang berada di halaman web. Sebelum membelajari HTML anda harus mengetahui basic HTML ,yang terdiri dari:

  1. Hypertext
  2. Tags dan elements
  3. Text formatting
  4. Lists, hyperlinks, images
  5. Table, frames
  6. Cascanding style sheets

2. Dasar-Dasar HTML

HTTP (hypertext transfer protocol) merupakan protokol yang digunakan untuk mentransfer data antara web server ke web browser. Protokol ini mentransfer data-data web yang ditulis atau berformat HTML.

Dikatakan markup language karena HTML berfungsi untuk memformat file dokumen teks biasa untuk bisa ditampilkan pada web browser sesuai keinginan. Hal tersebut dapat dilakukan dengan menambah elemen atau sering disebut sebagai tagtag.

Elemen HTML biasanya berupa tag-tag yang berpasangan dan setiap tag ditandai dengan simbol ` <` dan ` >` tanpa tanda kutip . Pasangan dari sebuah tag ditandai dengan tanda `/ ` dan ini menunjukan penutupan suatu tag .

Misalnya pasangan dari tag < contoh > adalah </ contoh > . Dalam hal ini < contoh >disebut sebagai elemen dan biasanya dalam suatu elemen terdapat atribut-atribut untuk mengatur elemen itu. Jadi misalnya elemen < contoh > bila ditulis dengan

Atributnya adalah sebagai berikut : < contoh atribut1=”nilai_atribut1”atribut2=”nilai_atribut2” …> . Dalam penulisan tag HTML tidaklah case sensitive artinya penggunaan huruf kecil ataupun kapital tidaklah menjadi masalah.


Isi HTML
:
<html>
<head>
<title> Latihan 3</title>
</head>
<body bgcolor=”pink” background=”” width=”4000″ hight=”1000″>
<font face=”algerian” color=”red”>
<hr>
<marquee behavior=”alternate”> <h2> =====WELCOME=====</h2></marquee>
<hr>
<marquee direction=”right” scrollamount=”2″>Tri Yulianto</marquee>
<hr>
</font>
<table width=”400″ border=”3″ align=”center” bordercolor=”red” bgcolor=”white”>
<tr>
<td colspan=”3″ align=”center” bgcolor=”red”>Dj_Yuli</td>
</tr>
<tr>
<td bgcolor=”green” ><font color=”red”>Nama</font></td>
<td>:</td>
<td>Dj.yUli</td>
</tr>

<tr>
<td bgcolor=”blue”><font color=”green”>Nim</font></td>
<td>:</td>
<td>12142206P</td>
</tr>

<tr>
<td bgcolor=”white”>Kelas</td>
<td>:</td>
<td>Ti1c</td>
</tr>

<tr>
<td bgcolor=”yellow”>photo</td>
<td>:</td>
<td><img src=”gambar.jpg” width=”100″ hight=”100″></img><br><br>
<center><img src=”index.jpg” width=”100″ hight=”100″></img></center><br>
<img src=”images1.jpg” width=”100″ hight=”100″></img></td>
</tr>

</table>
</body>

</html>

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s