Tag Dasar HTML

Dalam HTML ada banyak sekali tag, namun di sini saya tidak akan membahas semua tag yang ada di HTML. Mungkin cukup tag-tag dasar saja sudah cukup untuk materi kita di halaman ini. Yang akan saya jelaskan kali ini di antaranya Paragraph Tag, Line Break Tag.
Heading Tag
Heading tag bisa diartikan “kepala tag” atau pun “sub judul” dalam HTML. Tag ini memiliki beberapa level yaitu <h1>, <h2>, <h3>, <h4>, <h5>, <h6>. Semakin besar angkanya maka semakin kecil tulisan atau teks yang ditampilkan.
Contoh :


<!DOCTYPE html>
<html>
<head>
<title>Contoh Heading </title>
</head>
<body>
<h1>Newbie Bootloop 1</h1>
<h2>Newbie Bootloop 2</h2>
<h3>Newbie Bootloop 3</h3>
<h4>Newbie Bootloop 4</h4>
<h5>Newbie Bootloop 5</h5>
<h6>Newbie Bootloop 6</h6>
</body>
</html>

Maka Hasilnya

Newbie Bootloop 1

Newbie Bootloop 2

Newbie Bootloop 3

Newbie Bootloop 4

Newbie Bootloop 5
Newbie Bootloop 6

Paragraph Tag
Setelah belajar tentang judul saatnya untuk belajar untuk mengawali penulisan paragraf. Dalam hal ini kita menggunakan tag <p>. Tag ini berfungsi untuk memulai paragraf baru.
Contoh:
<p>Paragraf pertama.</p>
<p>Paragraf kedua.</p>
<p>Paragraf ketiga.</p>
Maka hasilnya:

Paragraf pertama.
Paragraf kedua.
Paragraf ketiga.

Line Breaking Tag
Tag ini sedikit berbeda dengan tag sebelumnya karena pada tag ini tidak diperlukan tag pembuka dan penutup melainkan cukup menuliskan <br />. Jika jarak antara br dan / dihilangkan maka HTML versi lama akan kesulitan dalam mengartikannya dan jika tanda / dihilangkan dan anda menggunakan XHTML maka tag ini tidak akan berjalan karena XHTML tidak bisa menjalankan fungsi <br> (tanpa tanda /).
Contoh:

<p>Apa kabar<br />
Semoga saja sehat<br />
Tidak sakit<br />
Dan harus bahagia</p>

Maka hasilnya:

Apa kabar
Semoga saja sehat
Tidak sakit
Dan harus bahagia

Thanks to: tutorialspoint
                  Pak Dosen


Share this

Related Posts

Previous
Next Post »