hisman.org » kenalan sama HTML http://hisman.org webdesign source and tutorial Thu, 11 Feb 2010 14:35:35 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 Berkenalan Dengan HTML http://hisman.org/berkenalan-dengan-html.html http://hisman.org/berkenalan-dengan-html.html#comments Thu, 04 Sep 2008 10:25:28 +0000 hisman http://hisman.org/?p=20 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..

]]> http://hisman.org/berkenalan-dengan-html.html/feed 2