Jun 6, 2010

Penerapan HTML


Kemarin kita telah membahas tentang "Perintah Dasar HTML", dan sekarang kita akan menerapkannya. Sebelum kita menginjak dalam pembahasan, sebaiknya kita tentukan dulu apa yang akan kita masukkan dalam HTML nanti. Pada HTML nanti saya akan mencoba membuat beberapa tulisan dengan menggunakan perintah


<blocquote>...</blockquote>
<p>...</p>
<b>...</b>
<i>...</i>
<u>...</u>
<s>...</s>
<h1>...</h1>
<h2>...</h2>
<h3>...</h3>
<h4>...</h4>
<h5>...</h5>
<h6>...</h6>
<a>...</a>
<pre>...</pre>
<strong>...</strong>

Dan tentunya tak lupa warna background memakai pink dan warna font merah. Anda bisa menggantinya sendiri, ini hanya sebagai contoh saja.
Baik setelah semua ditentukan sekarang kita buat source codenya, seperti ini:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
 <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
 <meta name="author" content="Ade Tiawan">

 <title>Penerapan HTML</title>
</head>
<body bgcolor="pink"><center><font color="red">
<blockquote>Ini Adalah perintah <code><blocquote>...</blockquote></code></blockquote>
<p>Ini Adalah perintah <p>...</p></code></p>
<b>Ini Adalah perintah <b>...</b></code></b><br/>
<i>Ini Adalah perintah <i>...</i></code></i><br/>
<u>Ini Adalah perintah <u>...</u></code></u><br/>
<s>Ini Adalah perintah <s>...</s></code></s><br/>
<h1>Ini Adalah perintah <code><h1>...</h1></code></h1>
<h2>Ini Adalah perintah <code><h2>...</h2></code></h2>
<h3>Ini Adalah perintah <code><h3>...</h3></code></h3>
<h4>Ini Adalah perintah <code><h4>...</h4></code></h4>
<h5>Ini Adalah perintah <code><h5>...</h5></code></h5>
<h6>Ini Adalah perintah <code><h6>...</h6></code></h6>
<a href="#">Ini Adalah perintah <code><a>...</a></code></a><br/>
<pre>Ini Adalah perintah <code><pre>...</pre></code></pre><br/>
<strong>Ini Adalah perintah <code><strong>...</strong></code></strong><br/>
</font></center></body>
</html>
Agar Anda cepat menguasai disarankan untuk mengetik secara manual, selain anda membaca, maka tangan anda akan terbiasa untuk menulis source code tersebut. Jika Anda mengcopy paste, Anda tidak akan belajar. Jika berhasil, akan tampak seperti gambar diatas.

Sekian dulu contoh penerapan HTML, semoga bermanfaat bagi Anda yang sedang mempelajari HTML.

Dibawah ini adalah source kode yang bisa Anda download, jika Anda kesulitan, Anda bisa menjadikan source code ini sebagai contoh.

klik disini untuk mendownload









Support By:

1 Comments:

Ҝarlz on June 8, 2010 at 11:03 AM said...

nice tutor sobat..
untuk pemula bagus tuch.. klo d jelasin satu2 tambah keren lagee tuch

Post a Comment

Your comments are very helpful this blog in the future. but do not spread the SPAM on this blog!

Followers

 

Mata Kuliah Teknik. Copyright 2010 All Rights Reserved.Template by Bloganol.com Detiablog