Contoh HTML

Sebelum membahas contoh HTML, ada baiknya anda membaca pengertian html. Bahasa HTML pada umumnya diawali dengan <> dan diakhiri dengan </>. Contohnya; untuk membuat huruf bergaris bawah digunakan kode: <u> dan diakhriri dengan kode </u>. Jadi ketika kita menulis tulisan dibawah ini di HTML editor;
Saya sedang menulis <strong>contoh html</strong> untuk tugas kuliah teknologi informasi

maka yang muncul di browser internet adalah;

Saya sedang menulis contoh html untuk tugas kuliah teknologi informasi

Contoh HTML dasar

Kode HTML dasar yang digunakan untuk membuat sebuah halaman website adalah sebagai berikut:

<html>

<head>

<title>

ini adalah contoh title

</title>

</head>

<body>

ini adalah body html. body html adalah

tempat bersemayamnya segala tulisan,

gambar, dan informasi yang dibaca

oleh semua orang di internet.

secara umum, jika kita ingin menulis

apapun di situs kita, kita perlu

memasukkan tulisan tersebut

pada area body ini.

</body>

</html>

Contoh HTML yang tidak memerlukan buka tutup

Meskipun secara umum sebuah kode html memerlukan kode pembuka dan kode penutup, namun ada pula beberapa contoh HTML yang tidak memerlukan pembuka dan penutup. Contoh HTML tesebut antara lain;
<br> untuk membuat baris baru
sebuah paragraf yang ditulis dalam bahasa html, ketika tidak di beri tanda <br> maka tulisan tersebut akan tampil memanjang ke kanan dalam 1 baris. Ini tentu berbeda dengan tulisan di Microsoft word yang cukup menekan tombol enter dan baris baru akan terbentuk.
<hr> untuk membuat horizontal rule atau garis horizontal
Garis horizontal biasanya digunakan untuk memisahkan antara pembahasan bagian atas dengan penjelasan bagian bawah pada sebuah artikel.
Contoh HTML yang kangmoes bahas diatas adalah semacam menu pembuka bagi anda yang ingin sama-sama belajar tentang HTML. Pembahsan selanjutnya, mungkin kangmoes akan membahas contoh HTML yang lebih kompleks, tapi kangmoes ga janji ya:)?

Rating: 4.5/5 (2 votes cast)

Artikel Terkait:

Ingin Copy Paste?

<p><img class="alignleft size-thumbnail wp-image-479" title="contoh-html" src="http://kangmoes.com/wp-content/uploads/2010/08/contoh-html-150x150.jpg" alt="contoh-html" width="150" height="150" />Sebelum membahas <em>contoh <a title="HTML" href="http://kangmoes.com/artikel-tips-trik-ide-menarik-kreatif.definisi/pengertian-html.html">HTML</a></em>, ada baiknya anda membaca <a title="pengertian html" href="http://kangmoes.com/artikel-tips-trik-ide-menarik-kreatif.definisi/pengertian-html.html">pengertian html</a>. <a title="Bahasa" href="http://kangmoes.com/artikel-tips-trik-ide-menarik-kreatif.definisi/pengertian-bahasa.html">Bahasa</a> HTML pada umumnya diawali dengan <> dan diakhiri dengan </>. Contohnya; untuk membuat huruf bergaris bawah digunakan kode: <u> dan diakhriri dengan kode </u>. Jadi ketika kita menulis tulisan dibawah ini di HTML <a title="editor" href="http://kangmoes.com/artikel-tips-trik-ide-menarik-kreatif.internet-2/author-editor-publisher.html">editor</a>;<br />
Saya sedang menulis <strong><a title="contoh html" href="http://kangmoes.com/artikel-tips-trik-ide-menarik-kreatif.definisi/contoh-html.html">contoh html</a></strong> untuk tugas kuliah <a title="teknologi" href="http://kangmoes.com/artikel-tips-trik-ide-menarik-kreatif.definisi/pengertian-teknologi.html">teknologi</a> <a title="informasi" href="http://kangmoes.com/artikel-tips-trik-ide-menarik-kreatif.definisi/pengertian-informasi.html">informasi</a></p>
<p>maka yang muncul di <a title="browser" href="http://kangmoes.com/artikel-tips-trik-ide-menarik-kreatif.definisi/pengertian-browser.html">browser</a> <a title="internet" href="http://kangmoes.com/artikel-tips-trik-ide-menarik-kreatif.definisi/pengertian-internet.html">internet</a> adalah;</p>
<p>Saya sedang menulis <strong>contoh html</strong> untuk tugas kuliah teknologi informasi</p>
<h3>Contoh HTML dasar</h3>
<p>Kode HTML dasar yang digunakan untuk membuat sebuah halaman website adalah sebagai berikut:</p>
<p> </p>
<blockquote>
<pre><html></pre>
<pre><head></pre>
<pre><title></pre>
<pre>ini adalah contoh title</pre>
<pre></title></pre>
<pre></head></pre>
<pre><body></pre>
<pre>ini adalah body html. body html adalah</pre>
<pre>tempat bersemayamnya segala tulisan,</pre>
<pre><a title="gambar" href="http://kangmoes.com/artikel-tips-trik-ide-menarik-kreatif.definisi/pengertian-gambar.html">gambar</a>, dan informasi yang dibaca</pre>
<pre>oleh semua orang di internet.</pre>
<pre>secara umum, jika kita ingin menulis</pre>
<pre>apapun di situs kita, kita perlu</pre>
<pre>memasukkan tulisan tersebut</pre>
<pre>pada area body ini.</pre>
<pre></body></pre>
<pre></html></pre>
</blockquote>
<h3>Contoh HTML yang tidak memerlukan buka tutup</h3>
<p>Meskipun secara umum sebuah kode html memerlukan kode pembuka dan kode penutup, namun ada pula beberapa contoh HTML yang tidak memerlukan pembuka dan penutup. Contoh HTML tesebut antara lain;<br />
<br> untuk membuat baris baru<br />
sebuah paragraf yang ditulis dalam bahasa html, ketika tidak di beri tanda <br> maka tulisan tersebut akan tampil memanjang ke kanan dalam 1 baris. Ini tentu berbeda dengan tulisan di Microsoft word yang cukup menekan tombol enter dan baris baru akan terbentuk.<br />
<hr> untuk membuat horizontal rule atau garis horizontal<br />
Garis horizontal biasanya digunakan untuk memisahkan antara pembahasan bagian atas dengan penjelasan bagian bawah pada sebuah artikel.<br />
Contoh HTML yang kangmoes bahas diatas adalah semacam menu pembuka bagi anda yang ingin sama-sama <a title="belajar" href="http://kangmoes.com/artikel-tips-trik-ide-menarik-kreatif.definisi/pengertian-belajar.html">belajar</a> tentang HTML. Pembahsan selanjutnya, mungkin kangmoes akan membahas <strong>contoh HTML</strong> yang lebih kompleks, tapi kangmoes ga janji ya:)?</p>
<div style="display: none">VN:F [1.9.17_1161]</div><div class="ratingblock "><div class="ratingheader "></div><div class="ratingstars "><div id="article_rater_477" class="ratepost gdsr-christmas gdsr-size-30"><div class="starsbar gdsr-size-30"><div class="gdouter gdheight"><div id="gdr_vote_a477" style="width: 135px;" class="gdinner gdheight"></div><div id="gdr_stars_a477" class="gdsr_rating_as"><a id="gdsrX477X5X0XaXarticle_rater_477Xarticle_loader_477X10X30" title="5 / 5" class="s5" rel="nofollow"></a><a id="gdsrX477X4X0XaXarticle_rater_477Xarticle_loader_477X10X30" title="4 / 5" class="s4" rel="nofollow"></a><a id="gdsrX477X3X0XaXarticle_rater_477Xarticle_loader_477X10X30" title="3 / 5" class="s3" rel="nofollow"></a><a id="gdsrX477X2X0XaXarticle_rater_477Xarticle_loader_477X10X30" title="2 / 5" class="s2" rel="nofollow"></a><a id="gdsrX477X1X0XaXarticle_rater_477Xarticle_loader_477X10X30" title="1 / 5" class="s1" rel="nofollow"></a></div></div></div></div><div id="article_loader_477" style="display: none; width: 150px " class="ratingloaderarticle"><div class="loader fountain " style="height: 30px"><div class="loaderinner" style="padding-top: 5px">tunggu bentar...</div></div></div></div><div class="ratingtext "><div id="gdr_text_a477">Rating: 4.5/<strong>5</strong> (2 votes cast)</div></div></div><span class="hreview-aggregate" style="display: none !important;"><span class="item"><span class="fn">Contoh HTML</span></span>, <span class="rating"><span class="average">4.5</span> out of <span class="best">5</span> based on <span class="votes">2</span> ratings <span class="summary"></span></span></span>

Gunakan kode diatas untuk copy paste aman dan legal di blog anda. Lihat caranya

POpPy

Kurang lengkap nih infonya..
huh..
..

eca

wah lumayan nii…mmm dari dasar bgt jadi ngerti..^^

Yoyo

Waduh saya jadi lieur ..

ella

contoh yg lbh bnyk lg dong…

fidah

lebih luas lg dunk.. hehe

tya

gimana cara membuat html 3 halaman????

Tomcat mandar

hai tya..?

Reply

iPAY

haaduuoohkkk…. ribett juga neh,,,, kalo asal asaln ttep jadi gg yah

Maria

coba lebih lengkap lagi,
buat html itu medianya pake pa ?notepad aja ?trims

sherly

kykx info yg sd d sni blm trrlu lngkp & ap yg d cr blm ad d sni.

tlng dng lbh d lngkapi.

sherly

BUT BEFORE THNKS FOR YOR INFORMATION ABOUT HTML…

^_^

pjsjsj

aaaaa

syifa nurriza

ihhhh… gk bisa buat html

Sisto

huhh..
batugebe. hahahaha

@a_khoirudin

B-) wahhh lumayan juga tuch bwt belajar….??

Avi Febri

Kurang nihh,

tambahin lgi dong

Tomcat mandar

Tya kyknya cantik ne,
pasang nor hp donk@

Reply

lazan xtg racing

mas broo…
tolong donk cariin contoh html yg pakek kolom mas…
kurang lengkap puk masbroo..

alfian

kok segitu tok contohnya ?

contoh yang link ada nggak ?

dhiky kurnia

saya gk perlu ngomen,, sya kpengen di kasih tau crax n d ajarin html

Ilham risalo

Untuk pemula agar bisa.
1. dlm setiap hari harus ad waktu minimal 20 menit tiap latihan.
2. beljr html itu gampang aj, lngsung buka notepad ato yg lainnya seperti codelobster,komodo edit,htmlPad,dreamweaver, dll.
3.tag dasar html yg membangun web adalah

Judul halaman

isi

4.tag-tag hatml utama yg akan sering di temui:
a. table b. warna. c. parangraf
d. frame e. div (pembagian area)

munkin hanya itu yg bsa sy bagikan..
yg lain bsa membantu juga!

Reply

jido

bagus ni…

kongxi

aku ingin lebih detail lg cara penhelasan HTML nya

ismail hajar

ya lmyn ngrti, cuman kurang banyak.,,..,

ed di dot

Thanks…….sangat membantu sekali…….moga sukses ya…..