tulisan berjalan


LED Text Scroller

belajar dasar HTML

Alat dan bahan:
  1. seperangkat komputer /laptop
  2. notepad
  3. browser (opera/safari/mozilla/ie)
  4. kopi + cemilan :D
Membuat file HTML Sederhana
1. Buka aplikasi/program notepad di PC Anda
2. Kemudian ikuti step by step panduan di bawah ini
tag HTML
<html>                                        
<head>
  <title>Latihan HTML </title>
</head>
<body>
  Ini HTML  //disini tempat menuliskan kode html
</body>
</html>                                      

3. Save/simpan dengan menekan Ctrl+s file Anda. Lihat gambar berikut bagaimana cara penyimpanannya.
4. Untuk membuka file Anda tadi, cukup klik ganda pada file dan filepun akan terbuka dengan browser internet. Lihat gambar yang menujukkan hasil latihan kita.

5. Dasar HTML sudah selesai dipelajari
Kode HTML Lainnya
heading
Kode:
<h1>Ini heading 1</h1>
<h2>Ini heading 2</h2>
<h3>Ini heading 3</h3>
<h4>Ini heading 4</h4>
<h5>Ini heading 5</h5>
<h6>Ini heading 6</h6>
Hasilnya:

Ini heading 1

Ini heading 2

Ini heading 3

Ini heading 4

Ini heading 5
Ini heading 6
Paragraph
Kode :
<p > Ini adalah pragraf Ini adalah pragraf.Ini adalah pragraf.Ini adalah pragraf.Ini adalah pragraf.Ini adalah pragraf.Ini adalah pragraf.Ini adalah pragraf.Ini adalah pragraf.Ini adalah pragraf.Ini adalah pragraf.</p>
hasilnya :
Ini adalah pragraf Ini adalah pragraf.Ini adalah pragraf.Ini adalah pragraf.Ini adalah pragraf.Ini adalah pragraf.Ini adalah pragraf.Ini adalah pragraf.Ini adalah pragraf.Ini adalah pragraf.Ini adalah pragraf.
insert image
kode:
<img src="http://images.adamdesign.multiply.com/image/1/photos/1/500x500/4/jogjainvest.jpg?et=uqo1kcDDTUQYCB2izyMjug&nmid=300937753" />
hasil:

hyperlink
kode:
<a href="http://link tujuan"> ini adalah link</a>
hasilnya
ini adalah link
division
lihat artikel  disini
list
orderer list
kode :
<ol>
<li>Ini orderer list</li>
<li>Ini orderer list</li>
<li>Ini orderer list</li>
</ol>
hasilnya:
  1. Ini orderer list
  2. Ini orderer list
  3. Ini orderer list
unorderer list
kode :
<ul>
<li>Ini unorderer list</li>
<li>Ini unorderer list</li>
<li>Ini unorderer list</li>
</ul>
hasilnya:
  • Ini unorderer list
  • Ini unorderer list
  • Ini unorderer list
paste kode-kode di atas ke file yang Anda buat tadi. Letakkan kode di antara tag <body> </body>
Oke sementara culup segini dulu. Bagi yang ingin memperdalam bisa mampir ke sini http://www.htmldog.com
Posted by

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)