Belajar HTML Dasar Paling Lengkap + Contoh Kasus

Pengertian HTML

HTML Merupakan singkatan dariĀ  HyperText Markup Language adalah bahasa pemrograman yang digunakan untuk membuat halaman web atau situs web. HTML memberikan cara untuk menulis konten dan memformat tampilan situs web. HTML adalah bahasa yang digunakan oleh web browser untuk menampilkan halaman web secara konsisten dan sesuai dengan standar yang telah ditetapkan.

HTML menggunakan tag atau tanda yang diapit dengan tanda kurung sudut (< >) untuk menentukan struktur dan format dari suatu halaman web. Setiap tag memiliki fungsi atau makna tertentu yang memberi informasi kepada browser tentang cara menampilkan konten dalam halaman web.

Sebagai contoh, tag <head> digunakan untuk mengelompokkan elemen yang berisi informasi tentang halaman web seperti judul, meta deskripsi, dan stylesheet. Sementara tag <body> digunakan untuk mengelompokkan elemen yang menampilkan konten utama halaman web seperti teks, gambar, dan video.

HTML juga memungkinkan untuk menambahkan hyperlink atau tautan ke halaman web lain, baik di dalam maupun di luar situs web. Hal ini memungkinkan pengguna untuk dengan mudah navigasi ke halaman web lain.

Dalam pembuatan situs web, HTML sering digunakan bersama dengan bahasa pemrograman lain seperti CSS dan JavaScript. CSS digunakan untuk mengatur tampilan dan gaya halaman web seperti warna, font, dan ukuran teks, sementara JavaScript digunakan untuk menambahkan interaktivitas pada halaman web seperti validasi form dan animasi.

Dalam keseluruhan, HTML sangat penting untuk pembuatan situs web. Dengan memahami HTML, seseorang dapat membuat halaman web yang terstruktur dengan baik, mudah dibaca dan diakses oleh pengguna, dan memenuhi standar web yang telah ditetapkan.

Ringkasan :

Kepanjangan dari HTML adalah : HyperText Markup Language.

Pengertian HTML : bahasa pemrograman yang digunakan untuk membuat halaman web atau situs web.

 

Perbedaan HTML dan CSS

HTML dan CSS adalah dua bahasa pemrograman yang berbeda yang digunakan dalam pengembangan situs web. Perbedaan utama antara HTML dan CSS adalah sebagai berikut:

  1. Fungsi: HTML digunakan untuk menentukan struktur atau konten halaman web, sementara CSS digunakan untuk mengatur tampilan atau gaya halaman web.
  2. Tag: HTML menggunakan tag atau tanda kurung sudut (< >) untuk menandai elemen atau struktur pada halaman web, sementara CSS menggunakan selector atau pemilih untuk memilih elemen dan mengatur tampilannya.
  3. Ketergantungan: HTML dapat digunakan tanpa CSS, tetapi CSS membutuhkan HTML untuk dapat digunakan. Artinya, HTML adalah dasar untuk membuat halaman web dan CSS adalah pelengkap untuk memperindah tampilannya.
  4. Kelengkapan: HTML adalah bahasa yang cukup lengkap dalam hal menentukan struktur halaman web seperti teks, gambar, dan tabel. Sementara itu, CSS lebih fokus pada tampilan halaman web seperti warna, font, dan ukuran teks.
  5. Kompleksitas: HTML relatif mudah dipelajari karena memiliki tag-tag yang terbatas dan lebih sederhana. CSS, di sisi lain, dapat menjadi lebih kompleks karena memiliki banyak properti dan aturan yang dapat digunakan untuk mengatur tampilan halaman web.

Dalam keseluruhan, HTML dan CSS adalah dua bahasa pemrograman yang berbeda tetapi saling terkait dalam pengembangan situs web. HTML digunakan untuk menentukan struktur dan konten halaman web, sementara CSS digunakan untuk mengatur tampilannya agar lebih menarik dan mudah dibaca.

Belajar HTML Dasar

  1. Membuat Dokumen HTML

Untuk membuat dokumen HTML, buka teks editor seperti Notepad, Sublime Text, atau Visual Studio Code. Kemudian ketikkan kode dasar berikut ini:

<!DOCTYPE html>
<html>
<head>
<title>Judul halaman</title>
</head>
<body>
<h1>Heading 1</h1>
<p>Paragraf pertama</p>
</body>
</html>
  1. Tag HTML Dasar

Tag HTML adalah elemen-elemen dasar yang digunakan untuk membangun struktur halaman web. Beberapa tag HTML dasar yang perlu diketahui adalah:

    • <html> : Membungkus semua elemen dalam dokumen HTML.
    • <head> : Menyediakan informasi tentang dokumen seperti judul halaman, meta tag, dan file CSS.
    • <title> : Menentukan judul halaman yang ditampilkan pada tab browser.
    • <body> : Berisi konten utama dari halaman web.
    • <h1> : Heading 1, digunakan untuk judul utama halaman web.
    • <p> : Paragraf, digunakan untuk menampilkan teks.
  1. Menambahkan Gambar

Untuk menambahkan gambar pada halaman web, gunakan tag <img>. Berikut adalah contoh penggunaannya:

<img src="gambar.jpg" alt="Deskripsi gambar">

Tag <img> memiliki dua atribut utama:

    • src : Lokasi file gambar yang ingin ditampilkan.
    • alt : Deskripsi alternatif untuk gambar, digunakan untuk aksesibilitas dan ketika gambar tidak dapat dimuat.
  1. Membuat Tautan

Untuk membuat tautan ke halaman web lain, gunakan tag <a>. Berikut adalah contoh penggunaannya:

<a href="http://www.contoh.com">Tautan</a>

Tag <a> memiliki satu atribut utama:

    • href : URL atau alamat web yang ingin ditautkan.
  1. Membuat Tabel

Untuk membuat tabel pada halaman web, gunakan tag <table>, <tr>, <td>, dan <th>. Berikut adalah contoh penggunaannya:

<table>
<tr>
<th>Nama</th>
<th>Umur</th>
</tr>
<tr>
<td>Andi</td>
<td>25</td>
</tr>
<tr>
<td>Budi</td>
<td>30</td>
</tr>
</table>

Tag <table> digunakan untuk membuat tabel, tag <tr> digunakan untuk membuat baris, tag <td> digunakan untuk membuat sel data, dan tag <th> digunakan untuk membuat sel header.

Related posts

Leave a Reply

Your email address will not be published. Required fields are marked *