Hallo sahabat penjelajah, pasti sahabat semua sudah tidak sabar lagi untuk mulai mengenal elemen-elemen yang ada pada HTML. Tetapi kita akan memulai dari yang dasarnya terlebih dahulu ya sahabat.
Sebelum masuk ke Elemen Dasar HTML, sebaiknya sahabat sudah tau dulu Tag dan Kerangka Dasar HTML, karena Elemen Dasar ini nantinya akan diletakkan di salah satu kerangka HTML tersebut.
Tag dan Kerangka Dasar HTML
Oke sahabat penjelajah, kita mulai bahasan tentang elemen dasar html-nya. Elemen dasar html yang akan kita bahas saat ini cukup 3 dulu ya sahabat, yaitu ada Elemen Heading, Elemen Paragraph, dan Elemen Pemecah Baris.
Heading
Heading biasanya dipakai untuk menyatakan header atau judul dari suatu text. Heading ada 6 tingkatan yaitu <h1>, <h2>, <h3>, <h4>, <h5>, dan <h6>. Untuk <h2> merupakan subheading dari <h1> dan begitu selanjutnya sahabat.
Agar sahabat lebih paham tentang Elemen Heading, sahabat bisa mencoba menuliskan HTML dibawah ini di text editor sahabat.
Agar sahabat lebih paham tentang Elemen Heading, sahabat bisa mencoba menuliskan HTML dibawah ini di text editor sahabat.
<html>
<head>
<title>Heading</title>
</head>
<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
</body>
</html>
Jangan lupa simpan dengan extensi .html ya sahabat dan kemudian coba jalankan dengan browser sahabat.
Itu dia 3 Elemen Dasar HTML yang berfungsi untuk menambahkan text didalam dokumen html sahabat, selanjutnya kita akan mempelajari elemen-elemen presentasi dalam html.
Untuk latihan, ayo sahabat coba buat dokumen html yang hasilnya seperti dibawah ini.
Paragraph
Elemen Paragraph adalah elemen yang menyatakan sebuah text sebagai suatu paragraph. Untuk sebuah paragraph haruslah diletakkan diantara tag <p> dan </p>.
Untuk lebih memahaminya, sahabat dapat mencoba contoh penggunaan elemen paragraph dibawah ini.
<html>
<head>
<title>Paragraph</title>
</head>
<body>
<p>septiteng.com adalah blog yang berisikan curahan hati dari seorang penjelajah teknologi informasi yang ganteng</p>
<p>septiteng.com berbagi tutorial dan ilmu yang didapatkan selama menjelajahi teknologi informasi</p>
</body>
</html>
Pemecah Baris
Elemen pemecah baris biasa digunakan untuk membuat baris baru, sehingga apa saja yang ada setelah Elemen <br /> akan terletak dibaris selanjutnya.
Oh ya sahabat, sebelumnya kita kan sudah mengetahui kalau tag html itu ada yang berpasangan dan ada yang tidak berpasangan, elemen <br /> adalah contoh dari tag html yang tidak berpasangan sahabat, sehingga tidak ada tag pembuka dan tag penutupnya.
Untuk lebih jelasnya sahabat dapat melihat contoh penggunaan elemen pemecah baris dibawah ini.
<html>
<head>
<title>Pemecah Baris</title>
</head>
<body>
ini merupakan baris pertama dari septiteng.com <br />
dan ini merupakan baris kedua dari septiteng.com<br />
yang ini baris terakhir.
<body>
</html>
Itu dia 3 Elemen Dasar HTML yang berfungsi untuk menambahkan text didalam dokumen html sahabat, selanjutnya kita akan mempelajari elemen-elemen presentasi dalam html.
Untuk latihan, ayo sahabat coba buat dokumen html yang hasilnya seperti dibawah ini.
