Scribd Logo
Unggah

Selamat datang di Scribd!

  • Materi Dasar-Dasar HTML

    Diunggah oleh

    nurul
    6 tayangan9 halaman

    Judul Asli

    Materi Dasar-dasar HTML

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PPTX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PPTX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    6 tayangan9 halaman

    Materi Dasar-Dasar HTML

    Diunggah oleh

    nurul

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PPTX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 9

    MENGENAL DASAR-

    DASAR HTML
    Pengertian
    HTML

    Hypertext Markup Language (HTML) adalah bahasa pemrograman standar dalam


    pembuatan halaman web. Fungsi utama HTML adalah untuk membangun struktur
    sebuah halaman web dengan berbagai elemen di dalamnya.

    Hypertext Markup Language berasal dari gabungan kata “hypertext” yaitu teks atau
    media berisi link yang bisa mengarahkanmu ke halaman lain di suatu website. Di sisi
    lain, “markup language” merupakan bahasa komputer yang menggunakan tanda (tag)
    untuk menerjemahkan perintah di website. Keduanya digabungkan menjadi bahasa
    untuk membuat struktur website.
    Kegunaan
    HTML
    • Dapat digunakan untuk membuat struktur website, seperti format
    judul, heading, paragraf, bahkan hingga tabel, list, formulir, dan media
    seperti gambar atau video.
    • Berguna untuk membungkus elemen HTML dan menampilkannya di
    halaman browser.
    • Membuat link yang bisa mengarahkan ke halaman lain menggunakan kode
    tertentu yang disebut dengan hyperlink.
    • Mengingat HTML menggunakan karakter ASCII (American Standard
    Code for Information Interchange), maka dapat digunakan di banyak OS,
    seperti MacOS, Windows hingga Linux.
    Mengenal Tag, Elemen, dan Atribut pada
    HTML
    Ada tiga komponen utama yang membentuk HTML, yaitu tag, elemen, dan atribut.

     Tag
    Tag pada HTML berarti penanda awal dan akhiran dari sebuah elemen, inilah yang
    disebut “markup”. Bagian ini berguna sebagai perintah atau instruksi yang dibaca
    oleh browser. Ada dua jenis tag yang perlu kamu perhatikan, yaitu tag dengan
    penutup seperti <p> … </p>, <body> … </body>, atau <title> … </title> dan tag
    tanpa penutup seperti <link>, <br>, <img>, atau <hr>.

    ● Elemen (Element)
    Elemen adalah bagian yang lebih luas dari tag. Sebab, elemen berisi keseluruhan tag,
    mulai dari tag pembuka (<>), isi hingga penutup tag (</>) dan atribut yang
    melengkapi. Tapi jangan lupa, tidak semua tag memiliki penutup, maka perhatikan
    kembali jenis kodenya saat kamu mengidentifikasi sebuah elemen HTML.
    Attribute
    Atribut merupakan informasi tambahan dalam sebuah tag. Tidak semua tag memiliki atribut,
    namun beberapa tag wajib memerlukan atribut agar dapat bekerja, misalnya <a>, <img>,
    atau <video>. Atribut bisa kamu temui dalam contoh berikut
    Kerangka Dasar HTML
    Agar dapat belajar membentuk sebuah halaman web, HTML memerlukan suatu kerangka. Selain dapat
    mempermudah browser membaca perintahmu, kerangka ini juga bisa membantu kamu mengisi dan
    mendesain website-mu sesuai keinginan.
    Kerangka dasar ini merupakan gabungan dari tag, elemen, dan atribut yang telah dijelaskan tadi. Setidaknya ada lima
    kerangka dasar atau inti yang sering digunakan saat belajar HTML, yaitu:

    <!DOCTYPE html>
    Berfungsi untuk mendeklarasikan kepada komputer, tipe dokumen dan kode perintah yang hendak dibuat, yaitu HTML.

    <html> … </html>
    Tag yang satu ini wajib ada untuk membuat dokumen HTML, karena digunakan sebagai penanda bahwa kamu akan
    memulai dan mengakhiri dokumen menggunakan kode HTML. Bila perlu, kamu bisa menambahkan atribut “lang=”
    untuk memilih bahasa yang digunakan, seperti “en” untuk bahasa Inggris atau “id” untuk bahasa Indonesia.

    <head> … </head>
    Kamu bisa menggunakan tag ini untuk mengisi metadata yang berfungsi pula untuk SEO, seperti deskripsi, judul, kode
    CSS atau Javascript, dan sebagainya.
    <title> … <title>
    Title atau judul biasanya muncul di dalam <head>, tag ini berguna untuk menambahkan
    judul halaman web yang akan ditampilkan di tab browser.

    <body> … </body>
    seperti <p> … </p> untuk membuat paragraf atau <h1> sampai <h6> untuk
    menambahkan heading.
    Selain beberapa tag penting di atas, masih ada berbagai tag HTML yang bisa kamu
    gunakan untuk membuat sebuah halaman website
    THANK YOU

    Anda mungkin juga menyukai