Home » » Cara membuat kode HTML

Cara membuat kode HTML

Written By RACHMAT SR on Senin, 09 April 2012 | 21.55

Tips-merawat-baterai-Laptop


 Tutorial HTML (2)

Artikel tentang blog tutorial maka kali ini akan membahas tentang tutorial HTML kembali.Sebelum menginjak kepada topik bahasan ada baiknya mengikuti bahasan kali ini dengan langsung memfraktekannya agar lebih cepat mengerti. Caranya siapkan terlebih dahulu program notepadnya lalu tuliskan kode HTML seperti dibawah, kemudian apabila telah selesai mempraktekan simpan file tersebut dengan extensi .htm (dot htm). Contoh file : latihan.htm kemudian jalankan dengan internet explorer. silahkan tulis kode-kode berikut :

<html>
<head>
<title>latihan</title>
<body>
Tulis apa-apa yang saya terangkan di sini !
</body>
</html>
 Kita langsung ke topik bahasan aja ya biar ga bosan.

Elemen dasar HTML

Ada beberapa elemen dasar HTML yaitu :

Elemen Blok Level

Elemen blok level yaitu tingkatan besarnya hurup yang akan di tampilkan pada browser. Elemen blok level yang paling sering di gunakan adalah Heading (h1 sampai h6).Tag heading ini ini berupa <h1>...</h1> sampai dengan <h6>...</h6>.

Contoh :

<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 akan seperti ini :

Ini Heading 1
Ini heading 2

Ini heading 3

Ini heading 4 
Ini heading 5
Ini heading 6
Sebenarnya ada cara lain untuk menampilkan berbagai ukuran hurup, yakni memakai tag <font size="...">.....</font>.

Contoh :
<font size="1">Ini font size 1</font>
<font size="2">Ini font size 2</font>
<font size="3">Ini font size 3</font>
<font size="4">Ini font size 4</font>
<font size="5">Ini font size 5</font>
<font size="6">Ini font size 6</font>
<font size="7">Ini font size 7</font>

Hasil yang akan tampil seperti ini :
Ini font size 1
Ini font size 2
Ini font size 3
Ini font size 4
Ini font size 5

Ini font size 6

Ini font size 7

Itu adalah contoh untuk menampilkan huruf dalam berbagai ukuran. 
Nantikan seri berikutnya! 
Share this article :

0 komentar:

Poskan Komentar

Thank for your visit, leave your suggestions and comments in the fields below ...

Silahkan meninggalkan komentar anda sehingga kita dapat berbagi pemikiran Anda dengan pengunjung lainnya.



 
Support : Al Islam | Paalem 3 | Mushola
Copyright © 2013. Panduan Blogger - All Rights Reserved
Template Created by Creating Website Modified by CaraGampang.Com
Proudly powered by Blogger