Dasar-Dasar HTML (tambahan lagi)

Berikut ini Akan dipost Sedikit Tambahan Dasar-dasar HTML (tambahan lagi) dari post sebelumnya berjudul Mengedit Template Blog dengan HTML tidak banyak yang disajikan dalam post kali ini, beberapa dasar-dasar HTML saja yang diharapkan bisa bermaanfaat untuk memudahkan untuk membuat blog.

langsung ajah, berikut Dasar-dasar HTML (tambahan lagi) ;

Heading terdiri dari <h1> sampai <h6>.

<h1> untuk huruf terbesar

<h6> untuk huruf terkecil

contoh :

<h1>I Made Darmadi</h1>

<h2>I Made Darmadi</h2>

<h3>I Made Darmadi</h3>

<h4>I Made Darmadi</h4>

<h5>I Made Darmadi</h5>

<h6>I Made Darmadi</h6>

H1 Biasanya digunakan sebagai Judul blog.

H2 Biasanya digunakan sebagai Judul artikel.

H3 Biasanya dgunakan sebagai Judul kolom

H4 Biasanya dgunakan sebagai Judul komentar

dan seterusnya.

PARAGRAP

Menaruh paragrap baru

<p>imadedarmadi@blogspot.com</p>

LINKs

links hampir dapat kita temui diseluruh web. Links memungkinkan untuk pengunjung berpindah dari satu page ke page yang lain.

Sebuah Hyperlinks (links) adalah kata, gambar dan lain-lain yang anda klik untuk meloncat ke dokumen baru atau dokumen yang lain.

Link yang kita temui menggunakan tag <a>.

Tag <a> dapat dipergunakan dalam dua cara :
1.untuk membuat links ke dokumen lain, menggunakan atribut href.
2.untuk membuat bookmark dalam dokumen, dengan menggunakan attribut nama.

<a href="url">Links Text</a>

                <a href="http://Imadedarmadi.blogspot.com/" target="_blank">IMDD</a>

                (immd menjadi text yang ditampilkan yang mengarah ke blog imadedarmadi.blogspot.com

Contoh membuat “BACK TO TOP”

pada bagian atas letakkan :

<a name="top"></a>

pada bagian atas letakkan:

<a href="#top"></a>

LINKS Gambar

Dalam HTML gambar didefinisikan dengan tag <img>.

Untuk menampilkan gambar pada halaman harus menggunakan attribute src. Src singkatan dari "source". src harus ditambahkan url dari gambar yang ingin ditampilkan atau lebih profesionalnya disebut nilai dari attribute scr, kan saya amatir jadi agak dimaklumi.

<img src="url" alt="Descrioption" />

Tabel

Tabel didefinisikan tag <table>.

Setiap table dibagi menjadi baris dengan tag <tr>,

setiap baris dibagi menjadi sel-sel data dengan tag <td>. (table data)

Tag <td> dapat berisikan teks, link, gambar dll.

<table>

<tr>

<td>Nama</td>

<td>Imade Darmadi</td>

</tr>

<tr>

<td>Alamat</td>

<td>JAKARTA</td>

</tr>

</table>

HTML LIST

Unordered lists

Daftar unordered list dimulai dengan tag <ul>. Setiap daftar item dimulai dengan tag <li>. Biasanya daftar item ditandai bulatan kecil hitam sebagai tampilan standar.

<ul>

<li>MADE</li>

<li>DARMADI</li>

</ul>

jadinya :

• Made
• Darmadi

Ordered lists

Daftar ordered list dimulai dengan tag <ol>. Setiap daftar item dimulai dengan tag <li>. Dan daftar item ditandai dengan angka.

<ol>

<li>MADE</li>

<li>DARMADI</li>

</ol>

jadinya :

• Made
• Darmadi

Definition lists

Yang ini biasanya kita jumpai untuk komentar blogger. Definition list lebih mudahnya diartikan dengan list yang bisa diberi judul. dimulai dengan tag <dl>, <dt> ini untuk judul dan <dd> untuk daftar item.

<dl>

<dt>IMDD</dt>

<dd>- Membangun Blog dari Awal</dd>

<dd>- Mengganti Template Blogspot</dd>

<dt>Tutorial</dt>

<dd>- Mengganti Template Blog Dengan Template Downloadan</dd>

<dd>- Dasar-dasar HTML</dd>

</dl>

jadinya :

IMDD

- Membangun Blog dari Awal

- Mengganti Template Blogspot

Tutorial

- Mengganti Template Blog Dengan Template Downloadan

- Dasar-dasar HTML