{"id":35024,"date":"2025-06-18T13:30:04","date_gmt":"2025-06-18T06:30:04","guid":{"rendered":"https:\/\/jakarta.telkomuniversity.ac.id\/?p=35024"},"modified":"2026-03-05T14:03:22","modified_gmt":"2026-03-05T07:03:22","slug":"pengantar-html-tag-dasar-yang-wajib-diketahui","status":"publish","type":"post","link":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/pengantar-html-tag-dasar-yang-wajib-diketahui\/","title":{"rendered":"Pengantar HTML: Tag Dasar yang Wajib Diketahui"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p data-start=\"122\" data-end=\"632\">Di era digital yang terus berkembang, kemampuan membuat dan memahami website menjadi salah satu keterampilan penting, terutama bagi mahasiswa jurusan Teknologi Informasi, Rekayasa Perangkat Lunak, maupun Komunikasi Digital di Telkom University Jakarta. Salah satu fondasi utama dalam pembuatan website adalah HTML atau <strong data-start=\"441\" data-end=\"470\">HyperText Markup Language<\/strong>. HTML digunakan untuk menyusun struktur dan konten dari halaman web sehingga bisa dibaca dan ditampilkan oleh browser seperti Chrome, Firefox, Safari, atau Edge.<\/p>\n<p data-start=\"634\" data-end=\"842\">Artikel ini akan membahas secara lengkap dan mudah dipahami mengenai konsep dasar HTML, tag-tag penting yang wajib dikuasai, serta tips praktis agar mahasiswa dapat mulai membuat halaman web statis sendiri.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><h2 style=\"text-align: left\" class=\"vc_custom_heading vc_do_custom_heading\" >Apa Itu HTML?<\/h2>\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p data-start=\"868\" data-end=\"1251\">HTML adalah bahasa markup standar yang digunakan untuk membuat struktur halaman web. Kata &#8220;markup&#8221; merujuk pada proses &#8220;menandai&#8221; bagian-bagian tertentu dalam dokumen agar dapat dikenali fungsinya oleh browser. HTML bukanlah bahasa pemrograman (seperti Python atau JavaScript), melainkan bahasa deskriptif yang menyusun elemen-elemen seperti teks, gambar, video, tautan, dan lainnya.<\/p>\n<p data-start=\"1253\" data-end=\"1270\">Contoh sederhana:<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center wpb_content_element\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img decoding=\"async\" width=\"511\" height=\"125\" src=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-24-at-08.29.53.webp\" class=\"vc_single_image-img attachment-full\" alt=\"Apa Itu HTML?\" title=\"Apa Itu HTML?\" srcset=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-24-at-08.29.53.webp 511w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-24-at-08.29.53-300x73.webp 300w\" sizes=\"(max-width: 511px) 100vw, 511px\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><h2 style=\"text-align: left\" class=\"vc_custom_heading vc_do_custom_heading\" >Struktur Dasar Dokumen HTML<\/h2>\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p data-start=\"1423\" data-end=\"1489\">Setiap halaman HTML harus memiliki struktur dasar sebagai berikut:<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center wpb_content_element\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img decoding=\"async\" width=\"617\" height=\"341\" src=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-24-at-08.30.20.webp\" class=\"vc_single_image-img attachment-full\" alt=\"Struktur Dasar Dokumen HTML\" title=\"Struktur Dasar Dokumen HTML\" srcset=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-24-at-08.30.20.webp 617w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-24-at-08.30.20-300x166.webp 300w\" sizes=\"(max-width: 617px) 100vw, 617px\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p data-start=\"1800\" data-end=\"1832\"><strong data-start=\"1800\" data-end=\"1832\">Penjelasan struktur di atas:<\/strong><\/p>\n<ul data-start=\"1833\" data-end=\"2262\">\n<li data-start=\"1833\" data-end=\"1908\">\n<p data-start=\"1835\" data-end=\"1908\"><code data-start=\"1835\" data-end=\"1852\">&lt;!DOCTYPE html&gt;<\/code>: Menyatakan bahwa dokumen ini menggunakan HTML versi 5.<\/p>\n<\/li>\n<li data-start=\"1909\" data-end=\"1960\">\n<p data-start=\"1911\" data-end=\"1960\"><code data-start=\"1911\" data-end=\"1919\">&lt;html&gt;<\/code>: Elemen induk dari seluruh halaman HTML.<\/p>\n<\/li>\n<li data-start=\"1961\" data-end=\"2049\">\n<p data-start=\"1963\" data-end=\"2049\"><code data-start=\"1963\" data-end=\"1971\">&lt;head&gt;<\/code>: Berisi informasi meta (tidak terlihat di layar), seperti judul dan encoding.<\/p>\n<\/li>\n<li data-start=\"2050\" data-end=\"2131\">\n<p data-start=\"2052\" data-end=\"2131\"><code data-start=\"2052\" data-end=\"2076\">&lt;meta charset=\"UTF-8\"&gt;<\/code>: Memastikan karakter Unicode ditampilkan dengan benar.<\/p>\n<\/li>\n<li data-start=\"2132\" data-end=\"2186\">\n<p data-start=\"2134\" data-end=\"2186\"><code data-start=\"2134\" data-end=\"2143\">&lt;title&gt;<\/code>: Judul halaman yang muncul di tab browser.<\/p>\n<\/li>\n<li data-start=\"2187\" data-end=\"2262\">\n<p data-start=\"2189\" data-end=\"2262\"><code data-start=\"2189\" data-end=\"2197\">&lt;body&gt;<\/code>: Tempat menuliskan konten utama yang akan dilihat oleh pengguna.<\/p>\n<\/li>\n<\/ul>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><h2 style=\"text-align: left\" class=\"vc_custom_heading vc_do_custom_heading\" >Tag-Tag Dasar HTML yang Wajib Diketahui<\/h2>\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p data-start=\"2314\" data-end=\"2406\">Berikut ini adalah tag HTML dasar yang paling umum digunakan dan wajib dikuasai oleh pemula:<\/p>\n<h4 data-start=\"2408\" data-end=\"2445\">1. <strong data-start=\"2416\" data-end=\"2445\">Heading (<code data-start=\"2427\" data-end=\"2433\">&lt;h1&gt;<\/code> &#8211; <code data-start=\"2436\" data-end=\"2442\">&lt;h6&gt;<\/code>)<\/strong><\/h4>\n<p data-start=\"2446\" data-end=\"2572\">Digunakan untuk membuat judul atau subjudul dengan hirarki dari yang paling penting (<code data-start=\"2531\" data-end=\"2537\">&lt;h1&gt;<\/code>) ke paling tidak penting (<code data-start=\"2564\" data-end=\"2570\">&lt;h6&gt;<\/code>).<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center wpb_content_element\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img decoding=\"async\" width=\"243\" height=\"129\" src=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-24-at-08.30.44.webp\" class=\"vc_single_image-img attachment-full\" alt=\"Heading\" title=\"Heading\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h4 data-start=\"2648\" data-end=\"2676\">2. <strong data-start=\"2656\" data-end=\"2676\">Paragraf (<code data-start=\"2668\" data-end=\"2673\">&lt;p&gt;<\/code>)<\/strong><\/h4>\n<p data-start=\"2677\" data-end=\"2725\">Digunakan untuk menampilkan teks dalam paragraf.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center wpb_content_element\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img decoding=\"async\" width=\"476\" height=\"85\" src=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-24-at-08.31.14.webp\" class=\"vc_single_image-img attachment-full\" alt=\"Paragraf HTML\" title=\"Paragraf HTML\" srcset=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-24-at-08.31.14.webp 476w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-24-at-08.31.14-300x54.webp 300w\" sizes=\"(max-width: 476px) 100vw, 476px\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h4 data-start=\"2800\" data-end=\"2828\">3. <strong data-start=\"2808\" data-end=\"2828\">Gambar (<code data-start=\"2818\" data-end=\"2825\">&lt;img&gt;<\/code>)<\/strong><\/h4>\n<p data-start=\"2829\" data-end=\"2861\">Menampilkan gambar pada halaman.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center wpb_content_element\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img decoding=\"async\" width=\"557\" height=\"81\" src=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-24-at-08.31.56.webp\" class=\"vc_single_image-img attachment-full\" alt=\"Gambar HTML\" title=\"Gambar HTML\" srcset=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-24-at-08.31.56.webp 557w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-24-at-08.31.56-300x44.webp 300w\" sizes=\"(max-width: 557px) 100vw, 557px\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<ul>\n<li data-start=\"2947\" data-end=\"2992\">\n<p data-start=\"2949\" data-end=\"2992\"><code data-start=\"2949\" data-end=\"2954\">src<\/code>: Sumber gambar (bisa lokal atau URL).<\/p>\n<\/li>\n<li data-start=\"2993\" data-end=\"3055\">\n<p data-start=\"2995\" data-end=\"3055\"><code data-start=\"2995\" data-end=\"3000\">alt<\/code>: Teks alternatif yang muncul jika gambar gagal dimuat.<\/p>\n<\/li>\n<li data-start=\"3056\" data-end=\"3103\">\n<p data-start=\"3058\" data-end=\"3103\"><code data-start=\"3058\" data-end=\"3065\">width<\/code> dan <code data-start=\"3070\" data-end=\"3078\">height<\/code>: Mengatur ukuran gambar.<\/p>\n<\/li>\n<\/ul>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h4 data-start=\"3105\" data-end=\"3131\">4. <strong data-start=\"3113\" data-end=\"3131\">Tautan (<code data-start=\"3123\" data-end=\"3128\">&lt;a&gt;<\/code>)<\/strong><\/h4>\n<p data-start=\"3132\" data-end=\"3192\">Membuat hyperlink ke halaman lain atau ke website eksternal.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center wpb_content_element\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img decoding=\"async\" width=\"733\" height=\"57\" src=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-24-at-08.32.43.webp\" class=\"vc_single_image-img attachment-full\" alt=\"tautan HTML\" title=\"tautan HTML\" srcset=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-24-at-08.32.43.webp 733w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-24-at-08.32.43-300x23.webp 300w\" sizes=\"(max-width: 733px) 100vw, 733px\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h4 data-start=\"3300\" data-end=\"3325\">5. <strong data-start=\"3308\" data-end=\"3325\">Daftar (List)<\/strong><\/h4>\n<ul data-start=\"3326\" data-end=\"3355\">\n<li data-start=\"3326\" data-end=\"3355\">\n<p data-start=\"3328\" data-end=\"3355\"><strong data-start=\"3328\" data-end=\"3354\">Tak berurutan (<code data-start=\"3345\" data-end=\"3351\">&lt;ul&gt;<\/code>)<\/strong>:<\/p>\n<\/li>\n<\/ul>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center wpb_content_element\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img decoding=\"async\" width=\"288\" height=\"168\" src=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-24-at-08.33.02.webp\" class=\"vc_single_image-img attachment-full\" alt=\"Daftar List tidak berurutan HTML\" title=\"Daftar List tidak berurutan HTML\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><strong data-start=\"3436\" data-end=\"3458\">Berurutan (<code data-start=\"3449\" data-end=\"3455\">&lt;ol&gt;<\/code>)<\/strong>:<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center wpb_content_element\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img decoding=\"async\" width=\"305\" height=\"166\" src=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2025\/06\/image.webp\" class=\"vc_single_image-img attachment-full\" alt=\"berurutan html\" title=\"berurutan html\" srcset=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2025\/06\/image.webp 305w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2025\/06\/image-300x163.webp 300w\" sizes=\"(max-width: 305px) 100vw, 305px\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h4 data-start=\"3550\" data-end=\"3589\">6. <strong data-start=\"3558\" data-end=\"3589\">Garisan Horizontal (<code data-start=\"3580\" data-end=\"3586\">&lt;hr&gt;<\/code>)<\/strong><\/h4>\n<p data-start=\"3590\" data-end=\"3671\">Digunakan untuk menyisipkan garis horizontal sebagai pemisah antar bagian konten.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center wpb_content_element\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img decoding=\"async\" width=\"234\" height=\"84\" src=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-24-at-08.33.52.webp\" class=\"vc_single_image-img attachment-full\" alt=\"Garis Horizontal HTML\" title=\"Garis Horizontal HTML\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h4 data-start=\"3691\" data-end=\"3722\">7. <strong data-start=\"3699\" data-end=\"3722\">Garis Baru (<code data-start=\"3713\" data-end=\"3719\">&lt;br&gt;<\/code>)<\/strong><\/h4>\n<p data-start=\"3723\" data-end=\"3788\">Membuat baris baru di dalam paragraf tanpa memulai paragraf baru.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center wpb_content_element\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img decoding=\"async\" width=\"426\" height=\"87\" src=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-24-at-08.34.09.webp\" class=\"vc_single_image-img attachment-full\" alt=\"Garis Baru\" title=\"Garis Baru\" srcset=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-24-at-08.34.09.webp 426w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-24-at-08.34.09-300x61.webp 300w\" sizes=\"(max-width: 426px) 100vw, 426px\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h4 data-start=\"3852\" data-end=\"3880\">8. <strong data-start=\"3860\" data-end=\"3880\">Pemformatan Teks<\/strong><\/h4>\n<ul data-start=\"3881\" data-end=\"4014\">\n<li data-start=\"3881\" data-end=\"3911\">\n<p data-start=\"3883\" data-end=\"3911\">Tebal: <code data-start=\"3890\" data-end=\"3900\">&lt;strong&gt;<\/code> atau <code data-start=\"3906\" data-end=\"3911\">&lt;b&gt;<\/code><\/p>\n<\/li>\n<li data-start=\"3912\" data-end=\"3939\">\n<p data-start=\"3914\" data-end=\"3939\">Miring: <code data-start=\"3922\" data-end=\"3928\">&lt;em&gt;<\/code> atau <code data-start=\"3934\" data-end=\"3939\">&lt;i&gt;<\/code><\/p>\n<\/li>\n<li data-start=\"3940\" data-end=\"4014\">\n<p data-start=\"3942\" data-end=\"4014\">Garis bawah: menggunakan CSS (karena <code data-start=\"3979\" data-end=\"3984\">&lt;u&gt;<\/code> tidak disarankan dalam HTML5)<\/p>\n<\/li>\n<\/ul>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center wpb_content_element\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img decoding=\"async\" width=\"898\" height=\"66\" src=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-24-at-08.37.21.webp\" class=\"vc_single_image-img attachment-full\" alt=\"Pemformatan Teks\" title=\"Pemformatan Teks\" srcset=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-24-at-08.37.21.webp 898w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-24-at-08.37.21-300x22.webp 300w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-24-at-08.37.21-768x56.webp 768w\" sizes=\"(max-width: 898px) 100vw, 898px\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h4 data-start=\"4142\" data-end=\"4177\">9. <strong data-start=\"4150\" data-end=\"4177\">Divisi Konten (<code data-start=\"4167\" data-end=\"4174\">&lt;div&gt;<\/code>)<\/strong><\/h4>\n<p data-start=\"4178\" data-end=\"4254\">Elemen pembungkus yang sering digunakan untuk mengelompokkan bagian halaman.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center wpb_content_element\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img decoding=\"async\" width=\"387\" height=\"154\" src=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-24-at-08.37.49.webp\" class=\"vc_single_image-img attachment-full\" alt=\"Divisi Konten\" title=\"Divisi Konten\" srcset=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-24-at-08.37.49.webp 387w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-24-at-08.37.49-300x119.webp 300w\" sizes=\"(max-width: 387px) 100vw, 387px\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h4 data-start=\"4353\" data-end=\"4395\">10. <strong data-start=\"4362\" data-end=\"4395\"><code data-start=\"4364\" data-end=\"4372\">&lt;span&gt;<\/code> untuk Inline Content<\/strong><\/h4>\n<p data-start=\"4396\" data-end=\"4462\">Berfungsi mirip seperti <code data-start=\"4420\" data-end=\"4427\">&lt;div&gt;<\/code>, tapi digunakan untuk teks inline.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center wpb_content_element\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img decoding=\"async\" width=\"583\" height=\"77\" src=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-24-at-08.38.13.webp\" class=\"vc_single_image-img attachment-full\" alt=\"untuk Inline Content\" title=\"untuk Inline Content\" srcset=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-24-at-08.38.13.webp 583w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-24-at-08.38.13-300x40.webp 300w\" sizes=\"(max-width: 583px) 100vw, 583px\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><h2 style=\"text-align: left\" class=\"vc_custom_heading vc_do_custom_heading\" >Perbedaan Elemen Block vs Inline<\/h2>\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<ul>\n<li data-start=\"4592\" data-end=\"4706\">\n<p data-start=\"4594\" data-end=\"4706\"><strong data-start=\"4594\" data-end=\"4617\">Block-level element<\/strong>: Mengisi seluruh lebar layar dan dimulai di baris baru (contoh: <code data-start=\"4682\" data-end=\"4689\">&lt;div&gt;<\/code>, <code data-start=\"4691\" data-end=\"4696\">&lt;p&gt;<\/code>, <code data-start=\"4698\" data-end=\"4704\">&lt;h1&gt;<\/code>).<\/p>\n<\/li>\n<li data-start=\"4707\" data-end=\"4829\">\n<p data-start=\"4709\" data-end=\"4829\"><strong data-start=\"4709\" data-end=\"4727\">Inline element<\/strong>: Tidak membuat baris baru, hanya mengisi ruang yang dibutuhkan (contoh: <code data-start=\"4800\" data-end=\"4805\">&lt;a&gt;<\/code>, <code data-start=\"4807\" data-end=\"4815\">&lt;span&gt;<\/code>, <code data-start=\"4817\" data-end=\"4827\">&lt;strong&gt;<\/code>).<\/p>\n<\/li>\n<\/ul>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><h2 style=\"text-align: left\" class=\"vc_custom_heading vc_do_custom_heading\" >Tips Belajar HTML untuk Mahasiswa Telkom University Jakarta<\/h2>\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<ul>\n<li data-start=\"4901\" data-end=\"5025\">\n<p data-start=\"4904\" data-end=\"5025\"><strong data-start=\"4904\" data-end=\"4935\">Mulai dari proyek sederhana<\/strong><br data-start=\"4935\" data-end=\"4938\" \/>Buat halaman profil pribadi, CV digital, atau katalog produk fiktif sebagai latihan.<\/p>\n<\/li>\n<li data-start=\"5027\" data-end=\"5142\">\n<p data-start=\"5030\" data-end=\"5142\"><strong data-start=\"5030\" data-end=\"5065\">Gunakan editor kode yang nyaman<\/strong><br data-start=\"5065\" data-end=\"5068\" \/>Visual Studio Code, Sublime Text, dan Notepad++ adalah pilihan populer.<\/p>\n<\/li>\n<li data-start=\"5144\" data-end=\"5338\">\n<p data-start=\"5147\" data-end=\"5338\"><strong data-start=\"5147\" data-end=\"5188\">Latihan menggunakan playground online<\/strong><br data-start=\"5188\" data-end=\"5191\" \/>Seperti <a class=\"\" href=\"https:\/\/jsfiddle.net\" target=\"_new\" rel=\"noopener\" data-start=\"5202\" data-end=\"5234\">JSFiddle<\/a>, CodePen, dan <a class=\"cursor-pointer\" target=\"_new\" rel=\"noopener\" data-start=\"5271\" data-end=\"5337\">W3Schools TryIt Editor<\/a>.<\/p>\n<\/li>\n<li data-start=\"5340\" data-end=\"5479\">\n<p data-start=\"5343\" data-end=\"5479\"><strong data-start=\"5343\" data-end=\"5387\">Pelajari standar W3C dan praktik terbaik<\/strong><br data-start=\"5387\" data-end=\"5390\" \/>Selalu gunakan struktur HTML yang rapi dan valid untuk hasil optimal di semua browser.<\/p>\n<\/li>\n<li data-start=\"5481\" data-end=\"5650\">\n<p data-start=\"5484\" data-end=\"5650\"><strong data-start=\"5484\" data-end=\"5524\">Jangan lupakan SEO dan aksesibilitas<\/strong><br data-start=\"5524\" data-end=\"5527\" \/>Gunakan atribut <code data-start=\"5546\" data-end=\"5551\">alt<\/code> pada gambar dan struktur heading yang tepat agar halaman ramah mesin pencari dan pengguna difabel.<\/p>\n<\/li>\n<\/ul>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p data-start=\"5670\" data-end=\"5937\">Memahami dan menguasai HTML adalah langkah awal yang sangat penting dalam dunia pengembangan web. Dengan menguasai tag-tag dasar seperti heading, paragraf, gambar, tautan, dan daftar, mahasiswa Telkom University Jakarta dapat mulai membangun website sendiri dari nol.<\/p>\n<p data-start=\"5939\" data-end=\"6189\">HTML memang tampak sederhana, namun menjadi fondasi dari semua website modern. Jika dikuasai dengan baik, HTML akan membuka jalan untuk memahami CSS, JavaScript, dan pengembangan web yang lebih kompleks seperti React, Vue, hingga pemrograman backend.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"Di era digital yang terus berkembang, kemampuan membuat dan memahami website menjadi salah satu keterampilan penting, terutama bagi mahasiswa jurusan Teknologi Informasi, Rekayasa Perangkat Lunak, maupun Komunikasi Digital di Telkom University Jakarta. Salah satu fondasi utama dalam pembuatan website adalah HTML atau HyperText Markup Language. HTML digunakan untuk menyusun struktur dan konten dari halaman web [...]","protected":false},"author":37,"featured_media":35083,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_wds_title":"Pengantar HTML: Tag Dasar yang Wajib Diketahui | TUJ","_wds_metadesc":"","_wds_focus-keywords":"Pengantar HTML,Tag Dasar HTML","_wds_meta-robots-adv":"","_wds_meta-robots-noindex":false,"_wds_meta-robots-nofollow":false,"_wds_meta-robots-index":false,"_wds_meta-robots-follow":false,"_wds_autolinks-exclude":false,"_wds_canonical":"","_wds_opengraph":[],"_wds_twitter":[],"wds_primary_category":0,"footnotes":""},"categories":[29],"tags":[150,1539,1537,1538],"class_list":["post-35024","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-artikel","tag-html","tag-pengantar-html","tag-tag-dasar","tag-tag-dasar-html"],"_links":{"self":[{"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/posts\/35024","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/users\/37"}],"replies":[{"embeddable":true,"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/comments?post=35024"}],"version-history":[{"count":2,"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/posts\/35024\/revisions"}],"predecessor-version":[{"id":38825,"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/posts\/35024\/revisions\/38825"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/media\/35083"}],"wp:attachment":[{"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/media?parent=35024"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/categories?post=35024"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/tags?post=35024"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}