Apa Saja Dasar Dasar Html

4 min read Jun 28, 2024

Dasar-Dasar HTML

HTML (HyperText Markup Language) merupakan bahasa pemrograman yang digunakan untuk membangun struktur dasar sebuah halaman web. Bahasa ini menggunakan tag-tag khusus untuk mendefinisikan konten dan elemen-elemen yang ditampilkan di browser. Berikut beberapa dasar-dasar HTML yang perlu Anda ketahui:

1. Struktur Dasar HTML

Sebuah halaman HTML memiliki struktur dasar sebagai berikut:




  Judul Halaman


  Ini adalah judul utama
  Ini adalah paragraf teks.

<!DOCTYPE html>: Deklarasi tipe dokumen, menandakan bahwa dokumen ini adalah HTML5.
<html>: Tag pembuka dan penutup untuk keseluruhan dokumen HTML.
<head>: Menyimpan informasi tentang halaman, seperti judul, meta data, dan tautan ke file CSS.
<title>: Menentukan judul halaman yang akan ditampilkan pada tab browser.
<body>: Menyimpan konten utama yang akan ditampilkan di halaman web.

2. Tag-Tag Dasar HTML

Beberapa tag dasar yang sering digunakan dalam HTML:

<h1> hingga <h6>: Mendefinisikan judul dengan level yang berbeda. <h1> merupakan judul utama, sementara <h6> merupakan judul terkecil.
<p>: Mendefinisikan paragraf teks.
<br>: Membuat baris baru (break line).
<hr>: Membuat garis horizontal (horizontal rule).
<b>: Menampilkan teks dengan bold (tebal).
<i>: Menampilkan teks dengan italic (miring).
<a>: Mendefinisikan link (hyperlink).
<img>: Menampilkan gambar.
<table>: Membuat tabel.
<ul> dan <ol>: Membuat daftar, <ul> untuk daftar tak bernomor, <ol> untuk daftar bernomor.
<li>: Mendefinisikan item dalam daftar.

3. Atribut

Beberapa tag HTML memiliki atribut tambahan yang dapat digunakan untuk mengatur tampilan dan perilaku elemen.

Contoh:

<a href="https://www.google.com">Google</a>: Atribut href pada tag <a> digunakan untuk menentukan link tujuan.
<img src="gambar.jpg" alt="Gambar ini">: Atribut src pada tag <img> digunakan untuk menentukan sumber gambar, dan alt untuk memberikan deskripsi alternatif bagi pengguna yang tidak dapat melihat gambar.

4. CSS

HTML dapat dikombinasikan dengan CSS (Cascading Style Sheets) untuk mengatur tampilan visual sebuah halaman web. Dengan menggunakan CSS, Anda dapat mengubah warna, ukuran, font, tata letak, dan lain-lain elemen HTML.

5. JavaScript

JavaScript adalah bahasa pemrograman yang dapat digunakan untuk membuat halaman web lebih interaktif. JavaScript dapat digunakan untuk menambahkan efek animasi, validasi formulir, dan interaksi lainnya pada halaman web.

Kesimpulan

Dasar-dasar HTML sangat penting untuk memahami bagaimana sebuah halaman web dibangun. Dengan memahami tag-tag dan atribut yang digunakan, Anda dapat mulai membangun website sederhana sendiri.

Selain itu, mempelajari CSS dan JavaScript akan memungkinkan Anda untuk membangun website yang lebih kompleks dan interaktif.