HTML

From binaryoption
Jump to navigation Jump to search
Баннер1
  1. HTML untuk Pemula: Panduan Lengkap untuk MediaWiki 1.40

HTML (HyperText Markup Language) adalah bahasa markup standar yang digunakan untuk membuat halaman web. Meskipun terdengar rumit, konsep dasarnya cukup mudah dipahami. Artikel ini ditujukan bagi pemula yang ingin mempelajari HTML, khususnya dalam konteks penggunaannya di MediaWiki 1.40, sebuah platform wiki yang populer. Kami akan membahas struktur dasar HTML, elemen-elemen penting, dan bagaimana HTML berinteraksi dengan MediaWiki. Artikel ini juga akan memberikan dasar yang kuat untuk memahami lebih lanjut konsep-konsep terkait seperti CSS dan JavaScript.

Apa itu HTML?

HTML bukanlah bahasa pemrograman. Ia adalah bahasa *markup*. Ini berarti HTML menggunakan *tag* untuk menandai elemen-elemen berbeda dalam sebuah dokumen, memberitahu browser web bagaimana menampilkan konten tersebut. Bayangkan Anda menulis surat. Anda menggunakan paragraf, judul, dan daftar. HTML melakukan hal yang sama, tetapi menggunakan tag untuk 'memberi tahu' browser bagaimana cara menampilkannya.

Struktur Dasar Dokumen HTML

Setiap dokumen HTML memiliki struktur dasar yang perlu diikuti. Struktur ini terdiri dari beberapa elemen penting:

  • `<!DOCTYPE html>`: Deklarasi ini memberitahu browser versi HTML yang digunakan. Untuk HTML5, gunakan `<!DOCTYPE html>`.
  • `<html>`: Elemen akar dari seluruh dokumen HTML. Semua konten HTML berada di dalam tag ini.
  • `<head>`: Berisi meta-informasi tentang dokumen, seperti judul halaman, pengaturan karakter, dan tautan ke stylesheet CSS. Konten di dalam `<head>` tidak ditampilkan langsung di halaman web.
  • `<title>`: Menentukan judul halaman yang muncul di tab browser.
  • `<meta>`: Menyediakan metadata tentang dokumen, seperti deskripsi dan kata kunci.
  • `<body>`: Berisi konten sebenarnya dari halaman web yang akan ditampilkan kepada pengguna. Ini termasuk teks, gambar, tautan, dan elemen-elemen lainnya.

Berikut contoh struktur dasar:

```html <!DOCTYPE html> <html> <head> 

 <title>Judul Halaman</title>
 <meta charset="UTF-8">

</head> <body>

Selamat Datang di Halaman Saya!

Ini adalah paragraf pertama.

</body> </html> ```

Elemen HTML Penting

Ada banyak elemen HTML yang tersedia, tetapi beberapa di antaranya lebih sering digunakan daripada yang lain. Berikut adalah beberapa elemen penting yang perlu Anda ketahui:

  • `

    ` hingga `
    `: Elemen judul. `

    ` adalah judul paling penting (biasanya digunakan untuk judul utama halaman), sedangkan `

    ` adalah judul paling tidak penting.

  • `

    `: Elemen paragraf. Digunakan untuk memisahkan teks menjadi paragraf-paragraf yang berbeda.

  • `
    `: Elemen pemisah baris. Menyisipkan baris baru. (Perhatikan bahwa ini adalah elemen yang tidak memiliki tag penutup.)
  • `
    `: Elemen garis horizontal. Menyisipkan garis horizontal di halaman. (Perhatikan bahwa ini adalah elemen yang tidak memiliki tag penutup.)
  • `<a>`: Elemen tautan. Digunakan untuk membuat tautan ke halaman web lain atau bagian lain dari halaman yang sama. Atribut `href` menentukan URL tujuan tautan. Contoh: `<a href="https://www.wikipedia.org/">Kunjungi Wikipedia</a>`.
  • `<img>`: Elemen gambar. Digunakan untuk menyisipkan gambar ke dalam halaman web. Atribut `src` menentukan URL gambar, dan atribut `alt` menyediakan teks alternatif jika gambar tidak dapat ditampilkan. Contoh: `<img src="gambar.jpg" alt="Deskripsi Gambar">`.
  • `
      `: Elemen daftar tidak berurutan. Digunakan untuk membuat daftar item yang tidak memiliki urutan tertentu.
    • `
        `: Elemen daftar berurutan. Digunakan untuk membuat daftar item yang memiliki urutan tertentu.
      1. `
      2. `: Elemen item daftar. Digunakan di dalam `
          ` dan `
            ` untuk mendefinisikan setiap item dalam daftar.
          1. `
            `: Elemen pembagi. Digunakan untuk mengelompokkan elemen-elemen HTML lainnya. Sering digunakan bersama dengan CSS untuk mengatur tata letak halaman.
          2. ``: Elemen inline. Mirip dengan `
            `, tetapi digunakan untuk mengelompokkan teks atau elemen inline lainnya.
          3. ``: Elemen tabel. Digunakan untuk menampilkan data dalam format tabel.
          4. `
            5. `: Elemen baris tabel.
          5. `
            6. `: Elemen sel data tabel.
          6. `
            		7. `: Elemen sel header tabel.

            Atribut HTML

            Atribut memberikan informasi tambahan tentang elemen HTML. Atribut selalu ditulis di dalam tag pembuka elemen. Atribut terdiri dari nama atribut dan nilai atribut, dipisahkan oleh tanda sama dengan (=). Nilai atribut harus diapit oleh tanda kutip (tunggal atau ganda).

            Contoh:

            ```html <img src="gambar.jpg" alt="Deskripsi Gambar" width="500" height="300"> ```

            Dalam contoh ini, `src`, `alt`, `width`, dan `height` adalah atribut dari elemen `<img>`.

            HTML dalam MediaWiki 1.40

            MediaWiki 1.40 menggunakan sintaks wiki sendiri, tetapi juga mendukung HTML. Anda dapat menggunakan HTML di dalam artikel MediaWiki untuk memformat teks, menyisipkan gambar, dan membuat tautan. Namun, ada beberapa hal yang perlu diperhatikan:

            • **Keamanan:** MediaWiki memiliki kebijakan keamanan yang membatasi penggunaan HTML tertentu untuk mencegah serangan XSS (Cross-Site Scripting). Beberapa tag dan atribut HTML mungkin dinonaktifkan atau difilter.
            • **Sintaks Wiki:** Sintaks wiki MediaWiki seringkali lebih mudah digunakan daripada HTML untuk tugas-tugas pemformatan sederhana. Gunakan sintaks wiki jika memungkinkan.
            • **Konsistensi:** Jika Anda menggunakan HTML, pastikan untuk mengikuti standar HTML yang valid dan konsisten.

            Berikut adalah beberapa contoh penggunaan HTML di MediaWiki:

Баннер
Retrieved from "https://binaryoption.wiki/id/index.php?title=HTML&oldid=8132"