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.comÂ
 Â
Gambar 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
