Monday, 19 January 2015

Dasar HTML








Mendesain HTML dapat menggunakan :
1.     Menggunakan HTML Editor, seperti Adobe Dreamweaver,notepad++ dan lain-lainnya.
2.     Dengan cara menuliskan sendiri secara manual satu persatu tag-tag HTML ke dalam dokumen HTML.
Kedua cara diatas memiliki Kelebihan dan kekurangan. Cara pertama kelebihannya adalah HTML Editor merupakan sebuah program yang khusus didesain untuk membuat, melakukan editing bahkan mem-publish ke internet. Dengan kemampuannya menggabungkan kemudahan dan kecanggihan teknologi internet ke dalam dokumen HTML maka cara ini sangat disukai oleh para pemula dan desainer yang tidak ingin belajar lebih mendalam mengenai HTML. Sedangkan cara kedua adalah menuliskan secara manual satu persatu tag-tag HTML. Hal ini sangat disarakan sulit dikarenakan akan memakan tenaga dan waktu ekstra untuk melakukannya, ditambah lagi Anda harus melakukan cara-cara konvensional untuk melihat hasilnya pada web browser. Namun pada cara kedua adalah dasar dari segala bentuk HTML yang akan Anda pelajari, karena dengan cara itulah Anda akan lebih paham mengenai cara kerja dan berbagai perintah yang biasa dipakai pada bahasa HTML.

Struktur Dasar Dokumen HTML
Dokumen HTML disimpan dalam format teks reguler dan mengandung tag-tag yang memerintahkan web browser untuk mengeksekusi perintah-perintah yang dispesifikasikan. Struktur dasar dokumen HTML(Tag, Element, Attribute), Element HTML, Element HEAD, Element TITLE, Element BODY. Secara sederhana HTML terdiri dari dua bagian yaitu Header dan Body. Struktur HTML diapit oleh tag awal <HTML> dan tag akhir </HTML>. Standar penulisannya adalah:

<html>
<head>
<title> Gekanote </title>
</head>
<body>
Belajar HTML bersama gekanote
</body>
</html>

Hasil dari script diatas :






Keterangan :

Tag <html>...</html> : untuk memulai dan mengakhiri script html.
Tag <title>...</title> : untuk memberi judul dokumen html. anda bisa lihat dipojok kanan browser anda untuk melihat title tersebut.
Tag <body>...</body> : adalah body dari dokumen html. Segala sesuatu yang ingin ditampilkan di dokumen html disimpan dalam tag body tersebut.

TAG BODY DAN ATTRIBUT-NYA :
1. TEKS
 Attribut ini digunakan untuk menentukan warna yang anda pilih untuk teks tersebut.
  
 <html>
<head> 
<title> Gekanote </title>
</head>
<body text="blue">
Teks-nya disini
</body>
</html>

2. BACKGROUND
Untuk mengganti warna background dari halaman web kita. Contohnya kita akan merubah warna-nya menjadi merah.

 <html>
<head> 
<title> Gekanote </title>
</head>
<body text="blue" bgcolor="red">
Teks-nya disini
</body>
</html>

3. IMAGES
Merubah background dengan sebuah gambar.

 <html>
<head> 
<title> Gekanote </title>
</head>
<body text="blue" bgcolor="red" background="./images/image48.jpg">
Teks-nya disini
</body>
</html>

4. LINK
Atribut ini berguna untuk menentukan warna standar dari tautan/link yang ada pada halaman tersebut sebelum di klik.


html>
<head> 
<title> Gekanote </title>
</head>
<body link="#222222">
<a href="gekanote.blogspot.com"> Contoh link </a>
</body>
</html>

Seperti-nya segitu dulu bahasan dasar html,untuk bahasan selanjutnya pasti saya post lagi hehe^^


Unknown Web Developer

No comments:

Post a Comment