Syntax pada HTML

HTML stands for HyperTextMarkupLanguage:

• HyperText Penggunaan HTTP pada bagian internet.
• Markup Menulis kode berdasarkan kata kunci.
• Language Bisa dibaca ‘bersama’, baik oleh manusia dan komputer.

Pada umumnya bahasa¹, HTML memiliki aturan dalam penulisan dan itu disebut sintak (syntax).

Aturannya sederhana, ia memiliki batasan-batasan seperti dimana hal itu dimulai dan dimana hal itu berakhir.

Pahami paragraf pada HTML:

<p>Hai,, selamat datang uy!!</p>

Hai,, selamat datang uy!!

Apa yang kamu lihat, angle brackets < dan > itu adalah tags pada HTML.

Tags menegaskan dimana hal itu dimulai dan dimana hal itu diakhiri.

<p> itu berarti paragraf.

Bila ingin menulis paragraf pada HTML, harus dimulai dari <p> dan diakhiri dengan </p>

Umumnya tag berpasangan:

• tag awal <p>, menegaskan start of the paragraph
• tag akhir </p>, menegaskan end of the paragraph

Perbedaan mencoloknya ada pada tag akhir yang ada tambahan slash / diawal ’nama tag’.

Penulisan kode HTML #

Biasanya kita mungkin menyimpan file teks dengan .txt extension - dan itu tidak ada kaitannya dengan HTML.

Pada kasus HTML document (instead of a text document), kita butuh .html extension.

Buka text editor dan ikuti instruksi berikut.

<p>Ini tulisan pertama pada paragraf.</p>

save dengan nama my.html dan buka pada web browser lalu lihat hasilnya:

Ini tulisan pertama pada paragraf.

pakai text editor seperti Notepad++ untuk membuat HTML document.

pakai web browser seperti Firefox untuk membuka HTML document.

Penulisan Atribut pada Tag HTML #

Attributes itu berupa extra informasi yang terdapat pada HTML element (di dalam nama tag).

Atribut ditulis bersamaan dan di dalam HTML tag.

Sebagai contoh, href itu atribut untuk menegaskan target ’link’ (pada anchor tag):

<a href="https://www.syahravi.my.id">Syahravi</a>

Syahravi

Ada 16 HTML attributes yang bisa digunakan pada HTML element.

Penulisan Komentar pada HTML #

Jika kamu ingin menulis kode tanpa mengganggu jalannya browser - tampilan situs web, kita bisa pakai komentar.

Comments akan diabaikan oleh browser dan ini cukup berguna untuk manusia - penulis kode.

Comments dimulai dari <!-- dan diakhiri dengan -->

<!-- Tulisan ini akan diabaikan oleh browser -->
<p>Hello world!</p>

Hello world!

Self-enclosing elements #

Beberapa HTML elements hanya memiliki opening tag:

<br> <!-- line break -->
<img src="/syahravi.svg" alt="Description"> <!-- image -->
<input type="text"> <!-- text input -->