Belajar HTML Dasar

Ahmad Maulidi Roofiad
0


 



HTML (Hypertext Markup Language) adalah bahasa markup yang digunakan untuk membangun struktur dan mengatur konten pada halaman web. Dalam HTML, kita menggunakan tag dan elemen untuk membedakan dan mengelompokkan bagian-bagian dari halaman web.

1. Tag HTML: Tag merupakan elemen dasar dalam HTML. Tag digunakan untuk menandai dan mengidentifikasi jenis konten yang akan ditampilkan pada halaman web. Contohnya, tag `<h1>` digunakan untuk membuat judul utama (heading level 1), tag `<p>` digunakan untuk membuat paragraf, dan tag `<a>` digunakan untuk membuat tautan atau hyperlink.

2. Elemen HTML: Elemen terdiri dari tag pembuka, konten, dan tag penutup (jika diperlukan). Tag pembuka menandai awal elemen dan tag penutup menandai akhir elemen. Konten berada di antara tag pembuka dan penutup. Misalnya:


<h1>Ini adalah judul utama</h1>

<p>Ini adalah paragraf pertama.</p>


3. Struktur Dasar: Setiap halaman HTML memiliki struktur dasar yang harus diikuti. Struktur tersebut terdiri dari tag `<html>`, `<head>`, dan `<body>`. Tag `<html>` menandai awal dan akhir dokumen HTML. Tag `<head>` digunakan untuk menempatkan informasi-informasi meta dan tautan ke stylesheet. Tag `<body>` berisi konten yang akan ditampilkan pada halaman web. Contoh struktur dasar HTML:


<!DOCTYPE html>

<html>

<head>

  <title>Judul Halaman</title>

</head>

<body>

  <h1>Ini adalah judul utama</h1>

  <p>Ini adalah paragraf pertama.</p>

</body>

</html>


4. Atribut: Tag HTML dapat memiliki atribut yang memberikan informasi tambahan tentang elemen tersebut. Atribut didefinisikan di dalam tag pembuka dan memberikan nilai tertentu. Misalnya, atribut `href` pada tag `<a>` digunakan untuk menentukan URL tujuan tautan.


<a href="https://www.example.com">Ini adalah tautan</a>


5. Gambar: Untuk menampilkan gambar pada halaman web, Anda dapat menggunakan tag `<img>`. Atribut `src` digunakan untuk menentukan URL gambar, sementara atribut `alt` memberikan teks alternatif yang ditampilkan jika gambar tidak dapat ditampilkan.


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



6. Daftar: HTML mendukung pembuatan daftar baik dalam bentuk daftar tak terurut (bullet list) maupun daftar terurut (numbered list). Tag `<ul>` digunakan untuk daftar tak terurut, sedangkan tag `<ol>` digunakan untuk daftar terurut. Setiap item dalam daftar diberi tag `<li>`. Contoh:


<ul>

  <li>Item 1</li>

  <li>Item 2</li>

  <li>Item 3</li>

</ul>


<ol>

  <li>Item 1</li>

  <li>Item 2</li>

  <li>Item 3</li>

</ol>


Ini adalah penjelasan singkat tentang belajar HTML dasar. Dengan pemahaman dasar ini, Anda dapat mulai membuat struktur dan konten pada halaman web Anda. Selanjutnya, Anda dapat mempelajari lebih lanjut tentang tag-tag dan elemen-elemen HTML yang lebih kompleks, serta CSS untuk mengatur tampilan halaman web.


KAMI JUGA MENYEDIAKAN TUTOR BEPENGALAMAN DENGAN KONSULTASI GRATIS DALAM DUNIA PEMROGRAMAN, DATABASE DAN LAINYA SILAHKAN HUB. KE WA : 082125932723 



Posting Komentar

0Komentar

Posting Komentar (0)