berikut adalah beberapa tag html yang mungkin perlu di pahami, silahkan 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 pavorite sobat.
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 pavorite 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 gak 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 gak 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>
0 komentar:
Posting Komentar