hisman.org newsletter

Dapatkan tips-tips menarik tentang web design langsung ke e-mail Anda (Gratis...)

Berkenalan Dengan HTML

posted by hisman in September 4th, 2008

category : HTML

Tags: , ,

Oke mamen,, masih semangat belajar webdesign? Nah, kali ini kita kenalan dulu yuk sama yang namanya HTML, karena rasanya kalo mo belajar webdesign ataupun ngedesian web harus tau terlebih dahulu HTML…

Saya tau kamu yang udah sering berinternet ria pasti udah gak asing lagi telinganya sama yang namanya HTML. Tapi gak apa kalo saya bahas sedikit disini, biar lebih kenal dan lebih dekat lagi dengan HTML. Karena kalau kamu pengen jadi seorang webdesigner pastinya HTML akan jadi makanan sehari-hari kamu .

Umm.. pengertian HTML apa ya??saya juga sebenernya bingung sich. Klo kepanjangannya sih HyperText Markup Language (hahlah apa ya artinya ada yang tau??). Cuman yang pasti HTML ada di setiap source code website2 yang ada saat ini. Coba aja kamu buka sorce code website ini pasti ada HTMLnya..

Trus tag-tag HTML itu seperti apa ??

Nah ini contohnya : <a href=”http://hisman.org”>belajar webdesign</a> Kalau kamu ngeliat kode-kode mirip kayak gitu ya itu yang namanya HTML. Klo kamu pengen memperdalam/belajar kode-kode HTML kamu bisa ke situs HTML dog.

Sedikit penjelasan dari tag <a href=”http://hisman.org”>belajar webdesign</a> :
<a href=”http://hisman.org”> adalah tag pembuka, trus href itu attribute. ”http://hisman.org” merupakan attribute value dan </a> adalah tag penutup.

Secara umum, struktur dari sebuah dokumen HTML adalah sebagai berikut :


<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en”>

<head>

<title></title>

</head>

<body>

</body>

</html>

Kalo kamu perhatikan, pada tag !DOCTYPE ada juga yang memakai DTD XHTML 1.0 Transitional, jadi tagnya :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Mana yang sering kamu liat? Yang strict atau yang transitional. Hmm. Kalau saya jujur sering ngeliat yang transitional. Template blog saya ini juga pake yang transitional. Soalnya kalo kamu buatnya pake dreamweaver, tag DOCTYPE itu langsung ada dan defaultnya transitional. Walaupun sebenernya katanya sich yang ideal itu pake yang strict.

Konten web yang kamu liat di browser itu ada di dalam tag <body></body>. Jadi kalau kamu mau ngisi konten ya di dalam tag <body></body> tersebut. Kalau di dalam tag <head></head> gak akan muncul di browser.

Nah, dah mulai kenal sama HTML?? Oke tunggu artikel berikutnya tentang CSS..

2 Responses to “Berkenalan Dengan HTML”

Comments RSS Feed

Leave a Reply

Allowed tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

[+] kaskus emoticons nartzco
copyright © 2010 hisman.org | web design and icon by hisman