Materi HTML Mapel Informatika

Senin, 27 Februari 2023

Administrator

Edukasi

Dibaca: 819 kali

HTML (Hypertext Markup Language) adalah bahasa markup yang digunakan untuk membuat dan mengatur konten pada halaman web. HTML berisi serangkaian tag yang ditempatkan di dalam dokumen teks biasa, yang menginformasikan browser tentang bagaimana konten pada halaman web harus diatur dan ditampilkan kepada pengguna.

HTML mengandung serangkaian tag yang ditempatkan dalam teks dokumen biasa untuk memberikan informasi kepada browser tentang tata letak dan tampilan konten pada halaman web bagi pengguna.

Dengan memanfaatkan tag HTML, konten dapat diatur dengan format yang berbeda, seperti menetapkan paragraf, judul, tautan, gambar, tabel, dan unsur-unsur lainnya. Selain itu, HTML juga memungkinkan penggunaan skrip dan gaya terpisah untuk mengontrol tampilan dan perilaku halaman web.

Contoh 1

Contoh HTML Sederhana

Halo, dunia!

============

Kode di atas merupakan kerangka dasar sebuah dokumen HTML. Berikut adalah penjelasan dari setiap bagian kode:

  • : Ini adalah deklarasi tipe dokumen (Document Type Declaration) yang menyatakan bahwa dokumen ini adalah dokumen HTML.
  • : Ini adalah elemen root (akar) dari halaman web.
  • : Ini adalah elemen yang berisi informasi metadata tentang halaman, seperti judul halaman yang ditampilkan di tab browser.
  • : Ini adalah elemen yang menentukan judul halaman web yang ditampilkan di bilah judul browser.
  • : Ini adalah elemen yang berisi konten yang akan ditampilkan di halaman web.
  •  

    : Ini adalah elemen yang menunjukkan paragraf teks.

Dalam contoh di atas, paragraf

 

digunakan untuk mengelompokkan teks "Halo, dunia!" dan akan ditampilkan di halaman web ketika diakses.

kode HTML untuk membuat daftar terurut (ordered list) dan daftar tidak terurut (unordered list):

  1. Daftar Terurut (Ordered List):
    <ol> <li>Poin 1</li> <li>Poin 2</li> <li>Poin 3</li> </ol> Hasilnya :
    1. Poin 1
    2. Poin 2
    3. Poin 3

    Dalam contoh di atas, elemen <ol> digunakan untuk membuat daftar terurut, dan setiap poin dalam daftar ditandai dengan elemen <li>

  2. Daftar Tidak Terurut (Unordered List):

  3. <ul> <li>Poin A</li> <li>Poin B</li> <li>Poin C</li> </ul> Hasilnya:.
    • Poin A
    • Poin B
    • Poin C

    Dalam contoh di atas, elemen <ul> digunakan untuk membuat daftar tidak terurut, dan setiap poin dalam daftar ditandai dengan elemen <li>.

    Perhatikan bahwa elemen <ol> dan <ul> digunakan sebagai kontainer utama untuk daftar, dan setiap poin dalam daftar didefinisikan dengan elemen <li>. Anda dapat menambahkan lebih banyak elemen <li> di dalam setiap daftar sesuai dengan kebutuhan



 

 

 

Berita Terkait

Komentar via Facebook

Kembali ke atas