Postingan ini adalah lanjutan dari Belajar HTML,CSS,XML,JavaSript ,Pada postingan terdahulu saya menulis semua tentang HTML,CSS,XMLdan JavaScript,untuk postingan saya yang sekarang saya akan belajar HTML dahulu dari tahap pertama.
Seperti yang sudah saya tulis di atas bahwasanya HTML adalah file teks atau file ASCII yang berisi instruksi/script kepada web browser untuk menampilkan suatu tampilan grafis dari sebuah halaman web. Didalam file HTML terdapat beberapa "tag" atau kode-kode yang dimengerti oleh web browser dan dapat menampilkannya di layar monitor.

Setelah sedikit paham dengan apa itu HTML saya mencoba untuk menuliskan yang lain nya tentang Html .
Bismilahirrohmanirrohiim ...

Ada beberapa macam bentuk Html yaitu Html heading, Html Paragraf, Html Link, Html Images, dlsb
Saya lihat kembali Kode awal Htmlnya adalah

<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

Hasilnya

My First Heading

My first paragraph.

Note:
<html> dan </ html> menjelaskan halaman web
<body> dan </ body> adalah isi halaman yang terlihat
<h1> dan </ h1> ditampilkan sebagai judul
<p> dan </ p> ditampilkan sebagai sebuah paragraf

Untuk HTML kita bisa langsung tes di browser dengan cara copy kode Html di bawah ini kemudian pastekan ke notepad kemudian di "save target as" atau "save link as" beri nama dengan
" mainPage.htm " tanpa tanda kutip kemudian klik dua kali notepad yang baru di simpan maka akan tampil bentuk dari pada Html nya

HTML Headings
Judul HTML didefinisikan dengan tag h1 atau <h6>.
Untuk <h> </h> agar bisa menampilkan hurup besar atau kecil bisa di rubah dengan memasukan angka 1 sampai 6 sesuai keinginan contohnya :

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

Akan menjadi

This is heading 1

This is heading 2

This is heading 3

This is heading 4

This is heading 5

This is heading 6

HTML Paragraphs
Tag <p> dan </p> agar bisa membuat Paragraph

Contoh :

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

Akan Menjadi :

paragraph 1

(PARAGRAPH)

paragraph 2

Yang saya beri warna Merah adalah tanda jaraknya /PARAGRAPH

HTML Links
Untuk membuat link pada HTML diberikan tambah Tag <a>. dan di tutup dengan </a>

Contoh :

HTML Images
Untuk menampilkan gambar pada HTML di berikan tambahan Tag <img>. dan ditutup dengan />

Contoh :

Untuk melihat hasil keseluruhanya silahkan copy paste kode di bawah ini ke notepad dan di save dengan nama Tes.htm .

<html>
<body>
<p><h1>$Blogger Newbie$</h1></P>
<h2>@Di bawah ini adalah Heading@</h2>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

<h2>@Dibawah ini tampilan paragraf@</h2>

<p> paragraph 1</p>
<p>paragraph 2</p>

<p>
<h2>@Tampilan Link@</h2>
<a href="http://blognewbie77.blogspot.com">This is a link</a> </p>

<p>
<h2>@Tampilan Gambar@</h2>

<img src="http://images.cooltext.com/2330545.gif" width="104" height="142" /> </p>

</body>
</html>

Alhamdulilah selesai postingan kali ini dan akan saya lanjutkan kemabali pada Belajar HTML 2 kalau kepala saya tidak pusing dan tangan tidak capai ngetik di blog :-)