belajar html part1

HTML (Hypertext Markup Language) adalah bahasa markup yang digunakan untuk membuat halaman web. HTML digunakan untuk menentukan struktur dan konten dari halaman web, seperti judul, paragraf, gambar, dll. Dalam artikel ini, kita akan belajar dasar-dasar HTML dan cara membuat halaman web sederhana.

  1. Persiapan
    Sebelum memulai, pastikan Anda memiliki teks editor yang digunakan untuk menulis kode HTML. Anda dapat menggunakan teks editor yang sederhana seperti Notepad atau teks editor yang lebih canggih seperti Sublime Text atau Atom.
  2. Struktur Dasar HTML
    Setiap halaman web yang dibuat menggunakan HTML harus memiliki struktur dasar yang sama. Struktur dasar HTML terdiri dari elemen <html>, <head>, dan <body>.
    • Elemen <html> adalah elemen paling luar yang menandakan bahwa halaman tersebut ditulis menggunakan HTML.
    • Elemen <head> digunakan untuk menyimpan informasi tentang halaman web, seperti judul halaman yang ditampilkan di tab browser dan meta tag
    • Elemen <body> digunakan untuk menyimpan konten yang akan ditampilkan di halaman web, seperti teks, gambar, dll.
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <!DOCTYPE html>
    <html>
      <head>
        <title>Judul Halaman</title>
      </head>
      <body>
        Konten halaman web
      </body>
    </html>
  3. Elemen-elemen dasar HTML
    Dalam HTML terdapat beberapa elemen dasar yang digunakan untuk membuat struktur halaman web. Beberapa elemen dasar HTML antara lain:
    • <h1> sampai <h6> digunakan untuk membuat judul dan subjudul dari halaman web
    • <p> digunakan untuk membuat paragraf
    • <a> digunakan untuk membuat tautan ke halaman web lain atau link internal pada halaman yang sama
    • <img> digunakan untuk menambahkan gambar pada halaman web
    • <ul>dan <li> digunakan untuk membuat daftar bullet
    • <ol> dan <li> digunakan untuk membuat daftar numerik
    • <div> dan <span> digunakan untuk membuat bagian-bagian yang digunakan sebagai container untuk elemen HTML lainnya
  4. Penulisan Kode HTML
    • Semua elemen HTML harus ditutup dengan elemen penutup yang sesuai, contohnya: 
      1
      <p>Ini adalah paragraf</p>
    • Semua elemen HTML harus ditulis dalam huruf kecil
    • Atribut harus ditulis dalam huruf kecil dan ditulis setelah nama elemen
    • Atribut harus ditulis dengan tanda kutip (")
  5. Menyimpan dan melihat hasil
    Setelah menulis kode HTML, simpan file dengan ekstensi .html atau .htm. Kemudian buka file tersebut menggunakan browser web seperti Chrome, Firefox, atau Safari untuk melihat hasilnya.

Itulah dasar-dasar dari HTML. Dari sini, Anda dapat mulai mengeksplorasi lebih jauh tentang HTML dengan menambahkan elemen-elemen baru seperti tabel, form, dll. Anda juga dapat menambahkan gaya pada halaman web Anda menggunakan CSS (Cascading Style Sheets).

Ingatlah bahwa HTML hanyalah dasar dari pembuatan halaman web. Namun dengan menguasai HTML, Anda sudah dapat membuat halaman web yang fungsional dan informatif.

Selamat belajar dan semoga sukses dalam pembuatan halaman web Anda!

front end web dev
#html
belajar html part1
https://blogworlds.github.io/2023/01/12/belajar-html-part1/
Author
hamzahxou
Posted on
12 Januari 2023
Licensed under