Belajar HTML Bagian 1

Bismillah

Assalamualaikum Wr. Wb.

Postingan kali ini membahas tentang dasar-dasar HTML.

Apa itu HTML

HTMLadalah bahasa markup untuk menggambarkan halaman website. HTML adalah singkatan dari Higt Text Markup Language. Bahasa Markup itu adalah sekumpulan markup tag sedangkan setiap dokumen HTML (namafile.html) digambarkan dengan HTML Tags dan setiap HTML Tags menjelaskan isi dokumen yang berbeda.

Contoh sederhana HTML

<!DOCTYPE html>
<html>
<head>
<title>Judul Html/title>
</head>
<body>
<h1> Tag Heading h1 (32px) </h1>
<h2> Tag Heading h2 (24px) </h2>
<h3> Tag Heading h3 (18px) </h3>
<h4> Tag Heading h4 (N/A) </h4>
<h5> Tag Heading h5 (13px) </h5>
<h6> Tag Heading h6 (10px) </h6>
<p> Tag Paragraf dengan p untuk menulis konten dengan bentuk paragraf </p>
</body>
</html>

Penjelasan Contoh

<!DOCTYPE html> Deklarasi untuk mendefinisikan dokumen HTML5, deklarasi ini juga berpengaruh pada browser yang digunakan seperti chrome,mozila firefox,safari, IE, dan lain-lain.
Text diantara <html> dan </html> adalah untuk menggambarkan html dokumen.
Text diantara <head dan </head> adalah penyaji atau penyedia informasi untuk dokumen tersebut.
Text diantara <title> dan </title> adalah nama judul dari dokumen html, ditampilkan pada TAB browser
Text diantara <body> dan </body> untuk menampilkan halaman konten yang dibuat.
Text diantara <h1> dan </h1> dan yang tag <hx> lainnya adalah untuk menggambarkan heading atau ukuran huruf maupun kata.
Text diantara <p> dan </p> adalah membuat paragraf dalam konten.

HTML Tag dan Element

HTML Tag adalah kata kunci/keyword yang berada pada angel bracket.

<tagname> element content yang ingin ditampilkan.. </tagname>

Nama tag dapat dilihat dari contoh sederhana HTML seperti <p> dan </p> . Tag <p> adalah untuk membuat paragraf didalam konten, setiap tag diakhiri dengan tag penutup. Seperti contoh yang saya buat tag <p> ditutup dengan </p>.

Lalu bagaimana bila kita menginginkan 2 tag dengan satu konten?. Misalnya ada sebuah kondisi dimana paragraf dalam konten dengan menggunakan heading 1.

<h1><p> isi konten</p></h1>

format

<tagname1><tagname2><tagnameX>isi konten</tagnameX></tagname2></tagname1>

Biasakan menggunakan format diatas agar isi konten tidak berantakan. format diatas hanya berlaku pada Double Tag. Double Tag? istilah apaan lagi itu?

HTML Tag dibagi menjadi yaitu :

Single Tag
Double Tag

Single tag adalah HTML Tag yang tidak memiliki penutup. Contoh single tag adalah <br>. Tag <br> digunakan untuk Line Break saat pengetikan. Misalnya gini, Jika kita mengetik di word, notepad, text editor, dll, bila ingin turun satu baris kita menekan tombol Enter satu kali, tapi didalam HTML, jika konten yang ingin kita tampilkan dengan turun satu baris menggunakan Tag <br> tanpa menggunakan tutup </br>

Double Tag adalah HTML Tag yang memiliki penutup diakhir konten. Contohnya seperti yang sudah saya sebutkan diatas.