Sederhana.co.id Semua Serba Sederhana
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:
- Notepad atau text editor lainnya
- Browser seperti Google Chrome atau Mozilla Firefox
- Gambar atau konten yang ingin ditampilkan di halaman web
Membuat File HTML
Langkah pertama dalam membuat halaman web HTML adalah membuat file HTML.
- Buka Notepad atau text editor lainnya.
- 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”> |
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
- Apa itu HTML?
HTML adalah bahasa markup yang digunakan untuk membuat halaman web. - Mengapa perlu membuat file HTML?
File HTML berfungsi sebagai kerangka atau struktur halaman web. - Apa saja yang perlu dipersiapkan sebelum membuat HTML?
Notepad atau text editor lainnya, browser, dan konten yang ingin ditampilkan di halaman web. - Apa itu tag head?
Tag head berisi informasi tentang halaman web, seperti judul halaman, meta deskripsi, dan CSS. - Apa itu tag body?
Tag body berisi konten halaman web, seperti teks, gambar, dan tautan. - 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.