hisman.org » belajar HTML http://hisman.org webdesign source and tutorial Thu, 11 Feb 2010 14:35:35 +0000 http://wordpress.org/?v=abc en hourly 1 Sedikit penjelasan tentang tag div http://hisman.org/sedikit-penjelasan-tentang-tag-div.html http://hisman.org/sedikit-penjelasan-tentang-tag-div.html#comments Sun, 25 Jan 2009 07:32:53 +0000 hisman http://hisman.org/?p=90 Pada beberapa artikel saya sebelumnya misalnya tentang membuat layout dan membuat menu, saya selalu menggunakan tag div di kode HTMLnya, nah sebenernya apa sih gunanya tag div itu??

div itu singkatan dari division, tag ini merupakan block element yang berguna untuk menggabungkan atau membuat group tag-tag/element-element baik itu block ataupun inline element yang ada di dalam tag div itu.

Misalnya


<div id=”header”>
<h1>Judul</h1>
<p>Deskripsi</p>
</div>

Nah, tag h1 dan p yang ada di dalam tag div di atas itu menjadi satu group yang idnya itu header. Secara default, tag div yang ditulis di atas tag div yang lain, ketika ditampilkan di browser juga berada di atas tag div yang di bawahnya. Makanya ketika membuat layout tanpa tabel, di CSSnya kita memakai property float untuk membuat tag div itu berada di kanan atau kiri tag div yang lain.

Ada lagi temennya tag div, yaitu tag span. Tag span ini sama-sama membuat group tag yang ada di dalamnya, tapi karena span merupakan inline element, jadi yang di group juga cuman inline element juga…

]]> http://hisman.org/sedikit-penjelasan-tentang-tag-div.html/feed 10 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