Cara Membuat HTML Sederhana di Notepad

Halo Sobat Sederhana, kali ini kita akan belajar bagaimana cara membuat HTML sederhana menggunakan Notepad. HTML adalah bahasa markup yang digunakan untuk membuat halaman web. Dengan HTML, kita dapat membuat struktur dan tampilan halaman web.

Persiapan

Sebelum kita mulai membuat HTML, ada beberapa hal yang perlu disiapkan:

  1. Notepad atau text editor lainnya
  2. Browser seperti Google Chrome atau Mozilla Firefox
  3. Gambar atau konten yang ingin ditampilkan di halaman web

Membuat File HTML

Langkah pertama dalam membuat halaman web HTML adalah membuat file HTML.

  1. Buka Notepad atau text editor lainnya.
  2. Ketik kode berikut:
Kode HTML
<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman Web</title>
</head>
<body>
</body>
</html>

Simpan file dengan ekstensi .html. Misalnya, simpan dengan nama “halaman.html”.

Membuat Struktur Halaman Web

Setiap halaman web HTML biasanya terdiri dari tiga bagian utama: head, body, dan footer.

Head

Bagian head berisi informasi tentang halaman web, seperti judul halaman, meta deskripsi, dan CSS.

Untuk menambahkan judul halaman, tambahkan kode berikut ke dalam tag head:

Kode HTML
<title>Judul Halaman Web</title>

Untuk menambahkan meta deskripsi, tambahkan kode berikut ke dalam tag head:

Kode HTML
<meta name=”description” content=”Deskripsi halaman”>

Untuk menambahkan CSS, tambahkan kode berikut ke dalam tag head:

Kode HTML
<link rel=”stylesheet” href=”style.css”>

Pastikan file CSS (dalam contoh ini, “style.css”) ada di folder yang sama dengan file HTML.

Body

Bagian body berisi konten halaman web, seperti teks, gambar, dan tautan.

Untuk menambahkan teks, gunakan tag <p>:

Kode HTML
<p>Teks Halaman Web</p>

Untuk menambahkan gambar, gunakan tag <img>. Contohnya:

Kode HTML
<img src=”gambar.jpg” alt=”deskripsi gambar”>
TRENDING 🔥  Cara Membuat Penjernihan Air Secara Sederhana

Pastikan file gambar (dalam contoh ini, “gambar.jpg”) ada di folder yang sama dengan file HTML.

Untuk menambahkan tautan, gunakan tag <a>. Contohnya:

Kode HTML
<a href=”https://www.contoh.com”>Teks Tautan</a>

Footer

Bagian footer biasanya berisi informasi tambahan seperti hak cipta atau tautan ke halaman lain.

Untuk menambahkan footer, gunakan tag <footer>. Contohnya:

Kode HTML
<footer>Hak Cipta © 2021 Tahun</footer>

FAQ

  1. Apa itu HTML?
    HTML adalah bahasa markup yang digunakan untuk membuat halaman web.
  2. Mengapa perlu membuat file HTML?
    File HTML berfungsi sebagai kerangka atau struktur halaman web.
  3. Apa saja yang perlu dipersiapkan sebelum membuat HTML?
    Notepad atau text editor lainnya, browser, dan konten yang ingin ditampilkan di halaman web.
  4. Apa itu tag head?
    Tag head berisi informasi tentang halaman web, seperti judul halaman, meta deskripsi, dan CSS.
  5. Apa itu tag body?
    Tag body berisi konten halaman web, seperti teks, gambar, dan tautan.
  6. Apa itu tag footer?
    Tag footer biasanya berisi informasi tambahan seperti hak cipta atau tautan ke halaman lain.

Semoga Bermanfaat dan sampai jumpa di artikel menarik lainnya.

Cara Membuat HTML Sederhana di Notepad