Jumat, 29 Juni 2012

Pengenalan HTML

Kali ini aku pengen banget posting soal HTML. Ya meskipun belum begitu mahir, tapi aku ingin sedikit berbagi ilmu ku yang aku dapat dari SMK Telkom saat kelas X. Oke Cekedot :)


Hypertext Markup Language merupakan standard bahasa yang digunakan untuk
menampilkan document web, yang bisa anda lakukan dengan HTML yaitu:
· Mengontrol tampilan dari web page dan contentnya.
· Mempublikasikan document secara online sehingga bisa di akses dari seluruh
dunia.
· Membuat online form yang bisa di gunakan untuk menangani pendaftaran,
transaksi secara online.
· Menambahkan objectobject
seperti image, audio, video dan juga java applet
dalam document HTML.



Tag HTML
HTML
Command HTML biasanya disebut TAG. TAG digunakan untuk menentukan tampilan
dari document HTML. Hampir semua tag berpasangan.
<BEGIN TAG> </END TAG>
Contoh : Setiap document HTML diawali dan diakhiri dengan tag HTML.
<html>...</html>

Tag tidak case sensitive, jadi anda bisa gunakan <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 merupakan atribut yang memiliki nilai blue.


Struktur Utama Document HTML
Document HTML bisa dibagi mejadi tiga bagian utama :

  • · HTML
Setiap document HTML harus diawali dan ditutup dengan tag HTML.
<HTML></HTML>
 tag HTML memberi tahu browser bahwa didalam kedua tag tersebut adalah document HTML.

  • Head
Bagian header dari document HTML diapit oleh tag <HEAD></HEAD>. Didalam bagian ini biasanya dimuat tag TITLE yang menampilkan judul dari halaman pada title browser. Selain itu Bookmark juga menggunakan tag TITLE untuk memberi mark suatu web site. Untuk keperluan pencarian (searching) biasanya title digunakan sebagai keyword. Header juga memuat tag META yang biasanya digunakan untuk menentukan informasi tertentu mengenai document HTML, anda bisa menentukan author name, keywords, dan lainyan pada tag META. Contoh :
<META name=”Author” contents=”Bocah Gunung”>
Author dari document tersebut adalah “Bocah Gunung
  • Body
Elemen body digunakan untuk menampilkan text, image, link, dan semua yang akan di tampilkan pada web page.
          <html>
         <head>
         <title>Welcome to HTML</title>
         </head>
         <body bgcolor="lightblue">
         <p>Document HTML yang Pertama</p>
         </body>
         </html>

Basic HTML Element
· Block Level Element
Block level element yang sering digunakan Heading (H1 sampai H6)
Contoh:
<html>
<head>
<title>Heading Elements</title>
</head>
<body>
<h1>Heading one</h1>
<h2>Heading two</h2>
<h3>Heading three</h3>
<h4>Heading four</h4>
<h5>Heading five</h5>
<h6>Heading six</h6>

Tag Tag lain penyusun HTML
1. <p>..</p>
Tag ini digunakan untuk membuat suatu paragraf pada halaman web.
2. <table>..</table>
Tag ini digunakan dalam pembuatan suatu tabel. Tag ini selalu dan harus diikuti oleh tag <tr></tr> dan <td></td>. 
3. <frameset>..</frameset>
Tag ini digunakan dalam membuat suatu frame pada halaman web. 
4. <div>..</div>
Tag ini digunakan untuk membagi jendela window pada halaman web.
5. <ul>..</ul>
Tag ini digunakan untuk mengelompokkan data secara tak berurutan (unordered list). Dalam ms.word biasa disebut dengan bullets
6. <ol>..<ol>
Tag ini digunakan untuk mengelompokkan data secara berurutan (ordered list). Dalam ms.word biasa disebut dengan numbering 
7. <b>..</b>
Tag ini digunakan untuk membuat tulisan tercetak tebal/bold. 
8. <i>..</i>
Tag ini digunakan untuk membuat tulisan tercetak miring/italic.
9. <u>..</u>
Tag ini digunakan untuk membuat tulisan tercetak dengan garis bawah/underlined.
10. <a>..<a>
Tag ini digunakan untuk membuat sebuah link.
11. <marquee>..</marquee>
Tag ini digunakan untuk membuat teks berjalan.
12. <blink>..</blink>
Tag ini digunakan untuk membuat teks tampak berkelip kelip.
13. <hr>
Tag ini digunakan untuk membuat garis horizontal. Tag ini tidak diakhiri dengan penutup tag seperti tag tag lainnya. Atribut yang dimiliki adalah Align, Width, Size, Noshade. 
14. <br>
Tag ini digunakan untuk membuat garis vertical. Tag ini juga tidak memiliki tag penutup sama seperti tag <hr>
15. <center>..</center>
Tag ini digunakan untuk membuat kalimat/paragraf berata tengah.
16. <font>..</font>
Tag ini digunakan untuk mengatur tampilan tulisan pada halaman web. Atribut yang dimiliki adalah Face, Color, Size.
17. <strike>..</strike>
Tag ini digunakan untuk membuat garis di tengah teks (strikeout).
18. <pre>..</pre>
Tag ini digunakan untuk menampilkan teks sesuai dengan format aslinya. 
19. <img>
Tag ini digunakan untuk menyisipkan gambar pada halaman web. Format gambar yang diperbolehkan adalah JPEG, GIF, dan PNG.  
20. <form>..</form>
Tag ini digunakan untuk membuat form pada halaman web. 

Itu adalah beberapa tag tag yang digunakan dalam pembuatan sebuah web. Sebenarnya masih banyak lagi yang lainnya. Dalam pembuatan sebuah web biasanya digunakan sotware antara lain macromedia/adobe dreamweaver, notepad, notepad++, dan neatbeans. 








Tidak ada komentar:

Posting Komentar