Halo teman-teman, pada postingan kali ini kita akan belajar tentang HTML namun sebelumnya kita perlu menginstall software text editor terlebih dahulu di PC/Laptop kita masing-masing untuk memudahkan dalam menuliskan kode-kode HTML nantinya. Text editor merupakan software yang berguna untuk mengedit teks dan menyimpannya dengan tipe tertentu seperti .html, .txt, dan lain-lain. Ada beberapa software text editor yang cukup populer yaitu:
- Sublime Text
- Notepad++
- Visual Code Studio
- Atom Text Editor
Setelah text editor terinstall, sekarang kita menuju pembahasan utama kita yaitu HTML. Apa itu HTML? HTML adalah singkatan dari Hypertext Markup Language. HTML bukan merupakan bahasa pemrograman, HTML memungkinkan user untuk menyusun bagian paragraf, heading, link atau tautan untuk halaman web dan aplikasi. File yang dapat dikatakan sebagai file HTML adalah file yang diakhiri dengan ekstensi .html. HTML terdiri atas seperangkat tags(biasa disebut juga elements) yang berpasangan, jadi ada tag pembuka dan tag penutup. contohnya
<h1>Judul</h1>Pada contoh di atas tag <h1> merupakan tag pembuka dan tag </h1> merupakan tag penutup. Struktur HTML paling dasar dapat dituliskan sebagai berikut:
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>Setelah mengetahui struktur HTML, mari kita bahas tag-tag yang umum digunakan dalam penulisan HTML.
Tag Heading
HTML menyediakan 6 jenis judul teks. Tag yang digunakan untuk membuat judul adalah <hn> berpasangan dengan </hn>, dimana n adalah bilangan 1 sampai 6.
Tag Paragraph
Paragraf dalam dokumen HTML dibuat menggunakan pasangan tag <p> dan </p>. Dalam HTML sebuah paragraf ditandai dengan baris baru dengan jarak satu spasi.
HTML Text Formatting
HTML text formatting digunakan untuk menampilkan jenis teks khusus, seperti berikut ini:
<b>- Bold text<strong>- Important text<i>- Italic text<em>- Emphasized text<mark>- Marked text<small>- Smaller text<del>- Deleted text<ins>- Inserted text<sub>- Subscript text<sup>- Superscript text
HTML Styles
<h1 style=“color:red;”></h1>HTML Comments
<!---ini adalah comment--->HTML Lists
<ul>- Unordered HTML List
<ul>. Setiap item list dimulai dengan tag <li>. <ol>- Ordered HTML List
<ol>. Setiap item list dimulai dengan tag <li>. HTML Link
<a href=“pindah”></a>
0 Komentar