Disket Rusak

Keep In Simple Stupid

Skip to: Content | Sidebar | Footer

HTML Dasar

20 November, 2009 (16:28) | Internet, Website | By: On Error Disc

HTML (Hyper Text Markup Language) adalah sebuah “Markup Language” yang digunakan untuk membuat sebuah halaman website. HTML bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakkan yang disebut dengan SGML(Standard Generalized Markup Language) yang kemudian digunakan sebagai standar bahasa pemrograman untuk membuat sebuah website.

berikut struktur sederhana dari sebuah HTML:

html 1

Tag <html> menandakan bahwa bahasa yang digunakan adalah HTML, dan harus ditutup dengan tag </html>. Struktur HTML di bagi dua, yaitu:

1. Header,
header diawali dengan tag <head> dan ditutup oleh </head>. Didalam Header ini biasanya antara lain diisi oleh judul halaman, penggunaan script dan penggunaan css.
2. Body,
body diawali dengan tag <body> dan ditutup oleh tag </body>. Body ini tentunya berisi konten-konten dari web tersebut.

Beberapa tag-tag HTML dasar:
1. <b></b>,untuk membuat huruf tebal (bold).
contoh penggunaan :<b>ini bold</b>, hasilnya : ini bold

2. <i></i>,untuk membuat huruf miring (italic).
contoh penggunaan :<i>ini miring</i>, hasilnya : ini miring

3. <u><u>,untuk membuat huruf bergaris bawah (underline).
contoh penggunaan :<u>garis bawah<u>, hasilnya : garis bawah

4. <br>,fungsinya seperti “enter” saat mengetik /pindah baris baru.

5. <p></p>, fungsinya untuk pindah ke paragraph baru.

6. <h1></h1>, untuk membuat huruf besar (seperti judul pada sebuah artikel).
contoh penggunaan :<h1>Judul</h1>, hasilnya :

Judul

7. <a href></a>, untuk membuat suatu link ke halaman tertentu.
contoh penggunaan :<a href=http://www.google.com>Google</a>, hasilnya :Google

8.membuat list dengan <ol></ol> atau <ul></ul>, dengan menyisipkan tag <li>.
contoh penggunaan :
<ol>
<li>List 1
<li>List 2
</ol>
hasilnya :

  1. List 1
  2. List 2

atau,
<ul>
<li>List 1
<li>List 2
</ul>
hasilnya :

  • List 1
  • List 2

referensi:
Wikipedia Indonesia
www.rumahweb.com
dan tentu saja Pamanku yg setia, Gugel

Semoga bermanfaat dan Terima Kasih.

« Hirarki dalam Penamaan Domain
NAT (Network Address Translation) »

Comments

Comment from sejarah internet
Time November 20, 2009 at 7:24 pm

Sebagian dari artikel ini
ada pembahasan yg belom aku mengerti
yang itu tu.. kata “Heander” itu maksutnya apa ya

Trima kasih

Comment from apple-mastela
Time November 21, 2009 at 12:56 am

emm mau tanya donk bang…
apa setiap kali buat halaman html itu harus dibuka dengan dan ditutup dengan

jika tidak menggunakan tag tersebut, kira-kira apa yang akan terjadi ?

Comment from Yudhi
Time November 21, 2009 at 9:03 am

om boleh tnya ga???apa bedanya yah antara html dengan xml??cos saya lihat struktur source code dan tag-tag yang digunakan hampir sama..

Comment from anjoy_xp
Time November 22, 2009 at 3:03 pm

@sejarah internet:
header ini sebagai tag kepala dari suatu halaman website, misalnya diisi tag, tittle, link css, dll.

@apple-mastela:
untuk menulis suatu halaman html diwajibkan membuka dan menutup dengan tag , karena sudah standar dari W3C sebagai suatu halaman html yang valid, walaupun ada sebaian browser yang sudah bisa mem-parsing tanpa tag tersebut.

@yudhi:
sebetulnya html dan xml dibuat untuk kegunaan tertentu, setahu saya html dibuat untuk menampilkan data dan xml untuk menyimpan data agar lebih mudah dicari. xml sama seperti mysql atau database lain, bedanya xml cukup sulit untuk direlasikan dengan data di xml lain.

CMIIW

Comment from anjoy_xp
Time November 22, 2009 at 3:06 pm

Tambahan dikit:
@apple-mastela, maaf ga bisa kasih contoh tag, soalnya di komen ini ga bisa nulis tag

@yudhi, kalau di xml kita bisa bikin tag sendiri, kalau di html tidak bisa dan pasti akan error :D

Comment from Yudhi
Time November 23, 2009 at 12:53 pm

@anjoy_xp : Makasih atas penjelasannya,,,

Comment from admin
Time November 23, 2009 at 5:21 pm

@anjoy_xp
thanx omz udh bantu ngejelasin’a….. mantappp… :D

Write a comment