Codingan HTML untuk Membuat Paragraf pada Halaman Web
Menggunakan Elemen Dasar HTML dan Atribut Dasar HTML
Nama: Sulaiman Hasan
NIM: F1A224072
HTML (Hypertext Markup Language) itu seperti "bahasa" yang dipakai untuk membuat halaman website. Ibarat kita bikin rumah, HTML adalah kerangka atau rangka-rangka yang membentuk bangunan rumah itu. Tanpa HTML, website tidak akan bisa muncul. Berikut adalah penjelasan fungsi dari masing masing bagian kode HTML:
- Deklarasi DOCTYPE
<!DOCTYPE html>
Fungsi: Menunjukkan bahwa dokumen ini adalah file HTML. Ini memberi tahu browser
cara merender halaman dengan benar.
- Tag HTML
<html>
Fungsi: Sebagai wadah yang menjaga semua elemen konten di dalam halaman web agar tetap teratur dan terlindungi.
Gambar 2.1 Codingan dan Hasil Codingan pada HTML
- Tag Body
- <body>
- Fungsi: berfungsi sebagai wadah utama yang menyimpan semua konten yang akan ditampilkan di halaman web.
Gambar 3.1 Codingan dan Hasil Codingan pada HTML

- Tag Style
-
<style>
Fungsi: Berisi CSS untuk mengatur gaya elemen dalam dokumen HTML.
Tag <style> di <head>:
h1 { color: blue; }: Mengubah warna teks heading <h1> menjadi biru.
p { font-style: italic; }: Membuat teks paragraf <p> menjadi miring dengan gaya italic.
Gambar 4.1 Codingan dan Hasil Codingan pada HTML
www.w3schools.com- Judul Halaman
-
<Html>
<h1>Tentang Bank Sultra (BPD)</h1>
Fungsi: digunakan untuk menampilkan heading atau judul utama dalam halaman web. Heading dengan tag <h1> memiliki ukuran dan prioritas tertinggi di antara heading lainnya (mulai dari <h1> hingga <h6>), dan biasanya digunakan untuk judul halaman atau topik penting.
Gambar 5.1 Codingan dan Hasil Codingan
www.w3schools.com- Tag Paragraf
- <p> dan </p>
- Fungsi: Sebagai penanda dan memformat teks sebagai paragraf. Setiap paragraf yang ditulis dengan tag ini akan dipisahkan dengan jarak vertikal di antara mereka secara otomatis oleh browser. Harus dibuka dengan <p> kemudian harus ditutup dengan </p>, jika tidak ditutup, bisa menyebabkan masalah dalam penampilan halaman.
-
Gambar 6.1 Codingan pada HTML
www.w3schools.comGambar 6.2 Hasil Codingan pada HTML
www.w3schools.com- Penutup Tag
-
Setiap tag pembuka akan memiliki tag penutup yang sesuai,
</body>
</html>
Fungsi: Menandai akhir dari elemen body dan dokumen HTML. Semua konten yang ingin
ditampilkan harus berada di antara tag ini.
Gambar 7.1 Codingan dan Hasil Codingan pada HTML
www.w3schools.comKesimpulan
Setiap bagian dari kode HTML memiliki fungsi spesifik yang berkontribusi pada
struktur dan style halaman web, jadi memahaminya sangat penting untuk pengembangan web. Jika ada pertanyaan, silakan tanya!
Follow Instagram @kompasianacom juga Tiktok @kompasiana biar nggak ketinggalan event seru komunitas dan tips dapat cuan dari Kompasiana
Baca juga cerita inspiratif langsung dari smartphone kamu dengan bergabung di WhatsApp Channel Kompasiana di SINI