Scribd Logo
Unggah

Selamat datang di Scribd!

  • Pertemuan 2 HTML

    Diunggah oleh

    Frisca Trianada Ananda
    10 tayangan3 halaman
    html

    Judul Asli

    PERTEMUAN 2 HTML

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    DOCX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    html

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    10 tayangan3 halaman

    Pertemuan 2 HTML

    Diunggah oleh

    Frisca Trianada Ananda
    html

    Hak Cipta:

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

    PERTEMUAN 2 HTML

    1. Apa itu HTML

    HTML (Hypertext Markup Language) merupakan gabungan dari dua


    istilah: hypertext dan markup language. Apa sih itu?

    Hypertext yaitu dokumen berisi tautan yang memungkinkan pengguna


    terhubung ke halaman lain.

    Sedangkan markup language merupakan bahasa komputer yang terdiri dari


    sekumpulan kode untuk mengatur struktur dan menyajikan informasi.

    Jadi, HTML adalah bahasa markup untuk membuat struktur halaman website. 

    2. Sejarah HTML

    Tahun 1991 adalah saksi kelahiran HTML. Dibuat oleh seorang ilmuwan
    bernama Tim Berners-Lee, HTML awalnya menjadi solusi untuk memudahkan
    para ilmuwan dalam mengakses dokumen satu sama lain.

    Namun, siapa sangka HTML berkembang dan menjelma sebagai pondasi untuk
    membuat website di era terkini? Bahkan, 90.8% website di dunia menggunakan
    bahasa markup ini, lho. Menakjubkan, bukan?

    Tentunya, kepopuleran HTML tersebut didapat setelah melalui sejarah yang


    panjang. Secara singkatnya, Anda bisa mengikuti sekilas perjalanan HTML
    pada tabel berikut.
    Seperti yang Anda lihat, HTML5 merupakan versi paling update.
    Dibandingkan leluhurnya, HTML5 membawa sistem yang paling sempurna.

    Karena itu, kami sarankan Anda mempelajari HTML5 supaya wawasan Anda
    lebih up to date dan eksekusi belajar HTML Anda juga lebih maksimal. Apalagi
    dengan syntax yang lebih sederhana, HTML5 sangat cocok untuk belajar HTML
    pemula.MENGENAL HTML5

    3. Apa Itu Tag, Elemen, dan Atribut?

    Agar lebih mudah belajar HTML, Anda harus berkenalan dengan tag, elemen,
    dan atribut. Mereka adalah tiga sekawan yang menjadi atom pembentuk HTML.

    Berikut masing-masing penjelasannya.

     Tag, digunakan sebagai awalan instruksi atau perintah yang akan dibaca
    web browser. Misalnya: tag <bold>. Tag ini akan meminta browser
    menampilkan teks dalam format tebal;
     Element, merupakan keseluruhan kode yang terdiri dari tag pembuka (<>)
    hingga tag penutup (</>). Contohnya: <h1> Contoh Elemen </h1>. Meski
    demikian, tidak semua tag HTML memiliki pasangan penutup;
     Attribute, yaitu informasi atau perintah tambahan yang berada di dalam
    elemen. Misalnya: <img src=”pantai.jpg” alt=”Pantai Baron.”> Elemen
    ini menggunakan tag <img> dengan atribut sumber gambar (src) dan alt text
    (alt).

    Setelah memahami komponen pembentuk HTML, silakan pelajari coding


    HTML dasar. Dengan mengetahui coding HTML dasar, Anda akan lebih
    siap untuk menggunakan tag HTML yang lebih menantang.
    4. Kerangka Inti HTML

    Sampai sini, Anda sudah mengetahui apa saja atom penyusun HTML. Jika
    atom-atom tersebut dikumpulkan, terbentuklah dokumen HTML.

    Namun, mari usir bayangan dokumen HTML yang dipenuhi ratusan tag. Kita
    akan mengulik bentuk dokumen HTML paling sederhana dan menjadi kerangka
    inti yang menyusun setiap dokumen HTML di dunia ini.

     <!DOCTYPE html> berfungsi untuk mendeklarasikan kepada komputer


    bahwa Anda akan menuliskan perintah dalam kode HTML;
     <html></html> merupakan tag yang menandakan bahwa Anda memulai
    dan mengakhiri dokumen dalam kode HTML;
     <head><head> diisi dengan metadata dari dokumen HTML. Seperti judul
    tab, deskripsi, dan lain-lain;
     <body></body> diisi dengan konten halaman website.
    Setelah mengantongi kerangka inti HTML, Anda dapat melengkapinya sesuai
    dengan tujuan dan kebutuhan halaman website Anda.

    Anda mungkin juga menyukai