Beberapa tag HTML yang mungkin perlu dipahami

tag title untuk judul pada browser, tag b untuk text tebal, tag form untuk membuat formuir, tag h1 sampai h6 untuk judul, tag a untuk membuat link

Kebanyakan dari kita tidak mensyukuri apa yang sudah kita miliki, tetapi kita selalu menyesali apa yang belum kita capai. Schopenhauer

tag title untuk judul pada browser, tag b untuk text tebal, tag form untuk membuat formuir, tag h1 sampai h6 untuk judul, tag a untuk membuat link

Last Modif at July 7th, 2011

berikut adalah beberapa tag html yang mungkin perlu di pahami, silakan perhatikan beberapa tag-tag dasar di bawah kemudian perhatikan tampilan pada browser.
untuk memulainya buka program notepad atau notepad ++(jika ada), copy code markup di bawah trus simpan dengan nama tagtag.html(pastikan ekstensinya adalah [dot]html, bukan .html.txt), kemudian jalankan menggunakan browser favorite sobat.

<html>
<head>
<title>beberapa tag tag html</title>
</head>
<body>
<!--------------------------------------------------------><br/>
<h1> h1 biasanya untuk judul utama</h1>
<h2>h2 biasanya untuk sub sub judul</h2>
<h3>h3 biasanya untuk sub sub judul</h3>
<h4>h4 biasanya untuk sub sub judul</h4>
<h5>h5 biasanya untuk sub sub judul</h5>
<h6>h6 biasanya untuk sub sub judul</h6>
<!-------tag h7 itu ngga ada--------------->
<!--------------------------------------------------------><br/>
<p>tag p ini untuk paragraf</p>
<!--------------------------------------------------------><br/>
<br/> tag br ini untuk baris baru)
<!--------------------------------------------------------><br/>
<hr/> tag hr ini adalah garis horisontal)
<!--------------------------------------------------------><br/>
<em>tag em ini adalah text agak rapat</em>
<!--------------------------------------------------------><br/>
<strong>tag strong ini adalah text tebal pekat</strong>
<!--------------------------------------------------------><br/>
<b>tag b ini untuk text tebal </b>
<!--------------------------------------------------------><br/>
<i>tag i ini untuk text miring</i>
<!--------------------------------------------------------><br/>
<a href="http://indaam.co.cc/">tag a ini untuk membuat link</a>
<img src="file:///C:/Documents%20and%20Settings/All%20Users/Documents/My%20Pictures/Sample%20Pictures/Sunset.jpg" width="200px" height="200px"/>
<!--------------------------------------------------------><br/>
<ul>
<li> ul li ini adalah daftar</li>
<li>daftar selanjutnya</li>
<li>daftar selanjutnya</li>
<li>daftar selanjutnya</li>
<li>daftar selanjutnya</li>
</ul>
<!--------------------------------------------------------><br/>
<ol>
<li>ol ini dalah daftar dengan angka</li>
<li>daftar selanjutnya</li>
<li>daftar selanjutnya</li>
<li>daftar selanjutnya</li>
</ol>
<!--------------------------------------------------------><br/>
<table>
<tr>
<!-------------------------------------------------------->
<th bgcolor="blue">tag table ini adalah untuk membuat table, sedangkan</th>
<th bgcolor="lime">th adalah table judul </th>
<!-------------------------------------------------------->
</tr>
<tr>
<!-------------------------------------------------------->
<td bgcolor="red">td ini untuk table isi</td>
<td bgcolor="pink">td ini untuk table isi</td>
<!-------------------------------------------------------->
</tr>
</table>
<!--------------------------------------------------------><br/>
form ini untuk membuat formulir
<form action="urlaction biasanya external filenya adalah php" method="post/get">
<input type="text" name="email" size="40" maxlength="50" />
<input type="password" />
<input type="checkbox" checked="checked" />
<input type="radio" checked="checked" />
<input type="submit" />
<input type="reset" />
<input type="hidden" />
<select>
<option>option 2</option>
<option selected="selected">option yang ditampilkan</option>
<option>option 3</option>
<option>option 4</option>
</select>
<textarea name="comment" rows="20" cols="20">
textarea biasanya untuk menulis text
</textarea>
</form>
<!--------------------------------------------------------><br/>
<b>form diastas hanya untuk contoh, jadi ngga memiiki fungsi</b>
<!--------------------------------------------------------><br/>
<!--------------------------------------------------------><br/>
<!-- ini adalah komentar html -->
<!--------------------------------------------------------><br/>
<blockquote>
tag blockquote ini biasanya untuk menulis source
</blockquote>
<!--------------------------------------------------------><br/>
<b>html itu tampilanya standard banget, agar htmlnya kelihatan cantik, kita perlu menambahkan style css</b>
</body>
</html>

Indam

A geek, frontend developer. Like you, coding & experiment.
#web #design #ui #ux #standard #dreamer
#welding #interisti #beer #coffee

2 thoughts on “Beberapa tag HTML yang mungkin perlu dipahami”

  1. Rustama says:

    Makasih mas atas infonya. Saya baru belajar internet, termasuk ingin belajar masalah ilmunya/pengertian “tag.”

  2. saya tetap belum donk mas,, kalo cara pemasangannya gimana mas..??

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Disclaimer, FAQ & License

Hello Gaes, untuk tujuan apapun semua content text di blog ini dapat di copas, tanpa harus menulis sumbernya. Namun content yang berupa gambar--harus Anda periksa kembali lisensinya.

Adapun(mungkin) sebagian content blog ini sudah kadaluarsa atau sudah tidak relevan, contoh :'Theme default WordPress 3+ adalah Twentyten 'apakah selamanya Twentyten?' ngga kan? Indam selaku pengelolah berharap melaporkan jika menemukan content basi yang mungkin dapat menimbulkan salah persepsi tentang content dan konsep itu sendiri. Oia, karena blog ini bersifat pribadi dan bukan untuk komersil, mungkin anda juga akan menemukan tulisan tentang aku dan hal-hal rancu yang sama sekali ngga ada hubungan dengan web dan blog-blogan. Perlu dicatat: Indam selaku pengelolah tidak bertanggung jawab atas kerugian materi, waktu, tenaga, pikiran yang mungkin ditimbulkan dari sini. So, pandai-pandai yah dalam memilah informasi. Thanks for reading.

Quote

Ketika Anda melihat orang lain mengangkat dirinya dengan cara merendahkan orang lain, sebenarnya orang itu lebih rendah dari mereka yang direndahkan. Phidias--greece filsuf

+
-