
Belajar HTML (HyperText Markup Language) adalah langkah pertama yang benar-benar perlu bagi siapa saja yang menghendaki terjun ke dunia web development. HTML adalah bahasa basic yang digunakan untuk mengakibatkan dan sesuaikan konten di halaman web.
Artikel ini bakal memberi tambahan saran lengkap untuk studi coding HTML berasal dari basic sampai bisa mengakibatkan halaman web sederhana.
Artikel ini merangkum materi berasal dari kelas Belajar Dasar Pemrograman Web. Kamu bisa pelajari langkah mengakibatkan web lewat penjelasan yang lebih detail dengan mengikuti kelas tersebut.
Pengenalan HTML
HTML (HyperText Markup Language) adalah bahasa standar yang digunakan untuk mengakibatkan dan merancang halaman web. Dalam dunia web development, HTML berfaedah sebagai kerangka basic yang mendefinisikan struktur dan isikan berasal dari sebuah halaman web.
Dengan mengerti dasar-dasar coding HTML, Anda bisa mengakibatkan konten web yang terorganisir dengan baik dan enteng diakses. Pada anggota ini, kita bakal menjelajahi pengertian HTML, histori singkatnya, dan alasan untuk mempelajarinya sebagai langkah pertama dalam membangun web web.
Apa Itu HTML?
HTML adalah bahasa markup yang digunakan untuk mengakibatkan dan menyusun struktur halaman web. HTML menggunakan elemen dan tag untuk memilih langkah konten diatur dan ditampilkan terhadap browser.
Sering kali, orang berasumsi HTML sebagai bahasa pemrograman. Ini adalah tidak benar kaprah. HTML adalah bahasa markup, bukan bahasa pemrograman. Bahasa pemrograman, layaknya Python, JavaScript, atau C++ digunakan untuk menulis logika serta mengakibatkan program yang bisa lakukan perhitungan, pengambilan keputusan, dan manipulasi data.
Sebaliknya, HTML cuma digunakan untuk memilih struktur dan tata letak konten di halaman web. HTML tidak punya kebolehan untuk mengakibatkan ketetapan logis atau lakukan operasi aritmetika. Ia cuma sedia kan kerangka untuk konten yang bakal ditampilkan di browser.
Sejarah Singkat HTML
HTML pertama kali diperkenalkan oleh Tim Berners-Lee terhadap th. 1991. Versi pertama HTML (HTML 1.0) benar-benar sederhana. Seiring waktu, HTML berkembang menjadi HTML5 yang kita menggunakan pas ini dengan banyak fitur baru dan peningkatan.
Mengapa HTML Penting dalam Pengembangan Web?
HTML adalah fondasi berasal dari semua halaman web. Tanpa HTML, tidak tersedia struktur yang bisa diatur untuk menampilkan konten terhadap web. HTML sangat mungkin kita untuk mengakibatkan teks, gambar, video, form, tabel, dan banyak elemen lainnya yang dibutuhkan untuk membangun web berfaedah penuh.
Struktur Dasar HTML
Struktur basic HTML membentuk fondasi berasal dari setiap halaman web. Dengan mengerti elemen-elemen inti dan langkah menyusunnya, kamu bakal bisa mengakibatkan halaman web yang terorganisir dan fungsional.
HTML menggunakan bermacam tag untuk mengakibatkan elemen, layaknya judul, paragraf, gambar, dan tautan. Setiap dokumen HTML dimulai dengan deklarasi doctype dan diikuti oleh elemen-elemen penting, layaknya <html>, <head>, dan <body>.
Pada anggota ini, kita bakal mempelajari struktur basic dalam coding HTML lebih lanjut, yang mencakup tag-tag tersebut dan fungsinya untuk membentuk sebuah halaman web.
Elemen HTML dan Tag
HTML menggunakan tag untuk mengakibatkan elemen. Setiap tag punya manfaat khusus. Dalam coding HTML, tag kebanyakan terdiri berasal dari tag pembuka <tag> dan tag penutup </tag>.
Struktur Dasar Dokumen HTML
Setiap dokumen HTML punya struktur basic yang harus diikuti. Berikut adalah perumpamaan struktur basic berasal dari dokumen HTML.
<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<h1>Selamat Datang di Website Saya</h1>
<p>Ini adalah paragraf pertama saya.</p>
</body>
</html>
Berikut adalah penjelasan berasal dari struktur basic dokumen HTML tersebut.
<!DOCTYPE html>: Ini memberi mengerti browser bahwa dokumen ini menggunakan HTML5.
<html>: Elemen root berasal dari dokumen HTML.
<head>: Bagian yang berisi Info meta tentang dokumen, layaknya judul dokumen.
<title>: Ini adalah judul halaman yang ditampilkan terhadap tab browser.
<body>: Bagian berisi konten yang bakal ditampilkan di halaman web.
Elemen Teks
Elemen teks dalam HTML digunakan untuk menyusun dan menampilkan konten teks di halaman web. Elemen-elemen ini sangat mungkin kamu untuk sesuaikan teks dengan bermacam cara, yakni memberi tambahan judul, paragraf, daftar, kutipan, dan banyak lagi.
Dalam coding HTML, kamu bakal menggunakan bermacam tag teks, layaknya <h1> sampai <h6> untuk judul, <p> untuk paragraf, <ul> dan <ol> untuk list. Dengan mengerti langkah kerja elemen teks, kamu bisa mengakibatkan konten web yang lebih terstruktur dan enteng dibaca. Pada anggota ini, kita bakal menjelajahi bermacam elemen teks yang tersedia dalam HTML dan langkah menggunakannya secara efektif.
Konsultasi sekarang dengan pakarnya: Ade prasetyo
Tag Heading
Tag heading digunakan untuk mengakibatkan judul. Ada enam tingkat heading, mulai berasal dari <h1> (yang terbesar) sampai <h6> (yang terkecil).
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
Ketika dikerjakan terhadap browser, kode di atas bakal menghasilkan output sebagai berikut.
Hasil coding html: tag heading
Tag Paragraf
Tag <p> digunakan untuk mengakibatkan paragraf. Sebuah paragraf tetap dimulai terhadap baris baru dan browser secara otomatis memberi tambahan area kosong (margin) di sekelilingnya. Jarak ini menciptakan pemisahan visual antara paragraf serta mengakibatkan teks lebih enteng dibaca dan muncul lebih rapi di halaman web.
<p>Ini adalah sebuah paragraf.</p>
Tag untuk Teks Tebal (<strong>) dan Miring (<em>)
<strong>: Menampilkan teks dengan type tebal.
<em>: Menampilkan teks dengan type miring.
<p><strong>Teks ini tebal.</strong></p>
<p><em>Teks ini miring.</em></p>
Tag untuk Membuat Baris Baru (<br>) dan Garis Horizontal (<hr>)
<br>: Membuat baris baru.
<hr>: Membuat garis horizontal.
<p>Ini adalah baris pertama.<br>Ini adalah baris kedua.</p>
<hr>
<p>Ini adalah paragraf setelah garis horizontal.</p>
Hyperlink dan Navigasi
Hyperlink dan navigasi adalah elemen perlu dalam HTML yang sangat mungkin pengguna untuk berganti antar halaman web serta menjelajahi konten dengan mudah.
Hyperlink, yang dibuat dengan tag <a>, digunakan untuk menghubungkan satu halaman web ke halaman lainnya atau sumber eksternal. Navigasi yang efisien mendukung pengguna mendapatkan Info dengan cepat dan menaikkan pengalaman pengguna secara keseluruhan.
Tag <a> dan Atribut href
Tag <a> digunakan untuk mengakibatkan tautan. Atribut href memilih tujuan tautan.
<a href=”https://www.dicoding.com”>Kunjungi Website</a>
Membuat Tautan ke Halaman Lain
Kamu bisa mengakibatkan tautan ke halaman lain terhadap web yang sama.
<a href=”halaman-lain.html”>Halaman Lain</a>
Membuat Tautan ke Bagian Tertentu dalam Halaman yang Sama (Anchor Links)
Gunakan atribut id untuk mengambil keputusan sebuah ID ke elemen dan tautkan dengan menggunakan #ID.
<h2 id=”section1″>Bagian 1</h2>
<p><a href=”#section1″>Pergi ke Bagian 1</a></p>
Gambar dan Multimedia
Gambar dan elemen multimedia adalah komponen kunci yang bisa memperkaya konten halaman web, membuatnya lebih menarik dan interaktif. Dalam coding HTML, kamu bisa menggunakan tag <img> untuk menyisipkan gambar, serta elemen-elemen, layaknya <audio> dan <video>, untuk memberi tambahan file audio dan video ke halaman web.
Menyertakan gambar dan multimedia tidak cuma mengakibatkan web web lebih menarik secara visual, tetapi juga mendukung dalam mengemukakan Info dengan lebih efektif.
Tag <img> dan Atribut src serta alt
Tag <img> digunakan untuk menampilkan gambar. Atribut src memilih sumber gambar, sedangkan alt memberi tambahan uraian alternatif terhadap gambar.
<img src=”gambar.jpg” alt=”Deskripsi Gambar”>