Setelah memahami Tutorial HTML Lengkap 2, mari kita lanjutkan dengan tutorial selanjutnya. Kali ini membahas
dasar-dasar elemen pada dokumen HTML (Basic HTML Element). Sudah siap,
weleh belajar HTML aja pake acara siap segala.
IV.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.
<code><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></code>
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.
<code><html>
<head><br /><title>Formating Paragraf</title><br /></head><br /><body><br /><h3>Tips berjabat tangan</h3><br /><p>Berjabat tangan telah menjadi suatu bagian dari<br />ritual dunia usaha dan bisnis utamanya bisnis didunia nyata.<br />Kalau bisnis online sepertinya memang tidak perlu<br />acara jabat tangan segala. Mungkin anda berpikir tidak perlu<br />dipikirkan, tetapi tidak bagi orang yang sedang berjabat tangan<br />dengan anda. Sikapnya dalam berjabat tangan menampilkan<br />sebagian besar kesannya terhadap anda.</p><br /><h2>Hati-hati dengan template gratisan</h2><br /><p>Para blogger pemula dalam memilih template<br />seringkali hanya berdasarkan tampilan. Ini sebenarnya<br />wajar karena template dipilih tentu karena tampilannya<br />yang menarik dan disukai. Sayangnya ternyata dengan<br />hanya memperhatikan tampilan tanpa meneliti lebih rinci bisa<br />menimbulkan masalah dalam SEO. Masalahnya biasanya adalah ada<br />kesalahan dalam pengaturan CSS. Atau ada pula yang salah<br />dalam pengurutan load halaman.<br /></p><br /></body><br /></html></code>
Hasilnya
seperti ini.Sudah dulu tutorialnya, dilanjutkan pada
tutorial HTML lengkap 4,
bahasan selanjutnya masih pada Basic HTML Element lainnya. Semoga
bermanfaat.
feed dari situs: http://www.ateonsoft.com
Belum ada tanggapan untuk "Tutorial HTML-3 (ateonsoft.com/ayomaju.com)"
Post a Comment