Tutorial HTML Dasar

Tutorial HTML Dasar - Tutorial Hypertext Markup Language (HTML) berikut ini merupakan tutorial dasar. Pengunaannya pun cukup simpel. Mari simak tutorial berikut ini:

HTML Headings

Seperti sub judulnya, kita sudah tahu bahwa heading terletak di bagian atas. Namun nyatanya, headings dalam HTML tidak selalu di tulis/cetak di bagian atas.

HTML heading memiliki 6 varian, mulai dari <h1>, <h2>, <h3>, sampai <h6>. Pada masing-masing tag headings memiliki arti yang berbeda.

Semakin kecil angkanya, berarti menandakan semakin pentingnya kata/kalimat tersebut. Seperti contohnya headings <h1> yang digunakan pada Judul Blog. Karena, Judul Blog merupakan kata yang sangat penting untuk mempresentasikan/mendeskripsikan isi halaman blog.

Berikut merupakan cara pengunaan tag HTML Headings:

<h1>

Ini kalimat yang sangat penting (prioritas 1)

</h1>

<h2>

Ini kalimat penting (prioritas 2)

</h2>

<h3>

Ini kalimat penting (prioritas 3)

</h3>

<h6>

Ini kalimat cukup penting (prioritas 6)

</h6>

Akan tetapi, pada kenyataannya tag HTML Headings yang paling sering digunakan mulai dari <h1>, sampai <h3>. Karena, semakin besar nominal heading, maka tekspun hanya akan terlihat seperti paragraf biasa.

HTML Paragraf

Untuk membuat paragraf, diperlukan tag <p>. Contohnya seperti berikut ini:

<p>

Ini merupakan paragraf pertama

</p>

<p>

Ini paragraf kedua

</p>

<p>

paragraf ketiga

</p>

Pada penggunaan tag HTML Paragraf, ketika sudah ada tag penutupnya, maka tidak memerlukan tag HTML Enter. Karena, tag penutup tersebut memiliki fungsi juga untuk membuat Enter dan paragraf baru.

HTML Breaks (Enter)

HTML Breaks (Enter) merupakan tag HTML yang digunakan untuk membuat baris baru. Pengunaannya memerlukan kode <br/>. Contohnya sepeti berikut ini:

Pada kalimat pertama ini, akan ada baris kalimat baru <br/> Dan ini adalah hasil dari baris baru tersebut

HTML Links

HTML Links merupakan tag HTML yang digunakan untuk menyisipkan tautan ke dalam halaman web di dalam sebuah kata/kalimat. Penyusunan tersebut terdiri dari "<a href="alamatnya">sebuah kalimat</a>". Contohnya seperit berikut ini:

<a href="http://www.caricarakomputer.blogspot.com/">
Teks Ini akan Menuju ke halaman home caricarakomputer
</a>

HTML Images

Seperti pada sub judulnya, HTML Images merupakan salah satu tag HTML yang memiliki fungsi menyisipkan gambar ke dalam suatu halaman HTML. Struktur penggunaannya adalah dengan mrnggunakan tag "<img src="alamatgambar.png"/>". Contohnya adalah seperti berikut ini:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2f8fTx8orq-8253fhIF4R3nqlKA0A4wOYSaslVNpPu0lfpUOzzhdpLDYUv3QUHmf_hygWAEU2mY6RAVBDdR6vySbZeQEi9Nrlc3Dq12U2Lcyx4uHnghdGMyRc_oZEdEs96w8v9H9kjl-T/s1600/rendy+andriyanto.jpg"/>

Sekian informasi terkait Tutorial HTML Dasar untuk para pemula. Diharapkan setelah membaca ini, kamu langsung mempraktekannya. Silahkan lihat pada bagian right sidebar, disitu ada daftar isi Panduan Lengkap HTML.

Lihat daftar isi Panduan Lengkap Belajar HTML.

Tweet