III. Basic HTML Element
Elemen yang pertama kita pelajari adalah Block Level Element. Elemen
ini untuk menandai tingkatan elemen HTML, Block level element yang sering
di gunakan :
Heading (H1 sampai dengan H6)
Agar langsung mengerti silahkan copy kode-kode berikut ini dan paste di notepad. Kemudian
save as dengan nama latihan1.html. Ingat ketikkan .html
setelah nama latihan1. Maksudnya adalah membuat penyimpanan file dalam format
HTML.
<html>
<head>
<title>Heading Elements</title>
</head>
<body>
<h1>Heading one</h1>
<h2>Heading two</h2>
<h3>Heading three</h3>
<h4>Heading four</h4>
<h5>Heading five</h5>
<h6>Heading six</h6>
</body>
</html>
Sudah dilihat hasilnya? kalau mau tahu langsung hasilnya silahkan klik
DISINI.
Paragraf (P)
Paragraf selalu diapit oleh kode <p></p>. Artikel-artikel saya di
blog ini selalu menggunakan
elemen kode ini untuk setiap paragrafnya. Sebenarnya
blogger.com tidak
menggunakan ini di editor textnya, tapi saya gunakan karena lebih rapi hasilnya.
Karena saya mengetik artikel dengan frontpage. Agar lebih mengerti tentang
element ini silahkan copy kode-kode berikut ini kemudian paste di notepad,
save as seperti sebelumnya, terserah nama filenya apa saja.
<html>
<head>
<title>Formating Paragraf</title>
</head>
<body>
<h3>Tips berjabat tangan</h3>
<p>Berjabat tangan telah menjadi suatu bagian dari
ritual dunia usaha dan bisnis utamanya bisnis didunia nyata.
Kalau bisnis online sepertinya memang tidak perlu
acara jabat tangan segala. Mungkin anda berpikir tidak perlu
dipikirkan, tetapi tidak bagi orang yang sedang berjabat tangan
dengan anda. Sikapnya dalam berjabat tangan menampilkan
sebagian besar kesannya terhadap anda.</p>
<h2>Hati-hati dengan template gratisan</h2>
<p>Para blogger pemula dalam memilih template
seringkali hanya berdasarkan tampilan. Ini sebenarnya
wajar karena template dipilih tentu karena tampilannya
yang menarik dan disukai. Sayangnya ternyata dengan
hanya memperhatikan tampilan tanpa meneliti lebih rinci bisa
menimbulkan masalah dalam SEO. Masalahnya biasanya adalah ada
kesalahan dalam pengaturan CSS. Atau ada pula yang salah
dalam pengurutan load halaman.
</p>
</body>
</html>
| 
