Scribd Logo
Unggah

Selamat datang di Scribd!

  • Cheat Sheetindo

    Diunggah oleh

    Nasution
    9 tayangan4 halaman

    Judul Asli

    cheatSheetindo

    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

    Hak Cipta:

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

    Cheat Sheetindo

    Diunggah oleh

    Nasution

    Hak Cipta:

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

    Pembelajaran I

    A. Apa itu HTML


    HTML  Hyper Text Markup Language
    Markup Language  digunakan untuk membumbuhi keterangan dan menambahkan
    struktur semantik atau makna untuk dokumentasi text.

    B. Sejarah singkat
    HTML dibuat oleh Tim Berners-Lee ketika masih bekerja untuk CERN dan
    dipopulerkan pertama kali oleh browser Mosaic. Selama awal tahun 1990 HTML
    mengalami perkembangan yang sangat pesat. Setiap pengembangan HTML pasti
    akan menambahkan kemampuan dan fasilitas yang lebih baik dari versi sebelumnya.
    Sebelum suatu HTML. Disahkan sebagai suatu dokumen HTML standar, ia
    harus disetujui dulu oleh W3C untuk dievaluasi secara ketat. Setiap terjadi
    perkembangan suatu versi HTML, maka mau tidak mau browser pun harus
    memperbaiki diri agar bisa mendukung kode-kode HTML yang baru tersebut. Sebab
    jika tidak, browser tak akan bisa menampilkan HTML tersebut.

    C. Persiapan
    a. Text editor
    Dalam mengetik sebuah kode kita membutuhkan sebuah text editor, contohnya
    seperti visual studio, atom, sublime text dan lain-lain, kita hanya cukup
    melakukan pengetikan kode HTML lalu kita simpan dengan format file .html
    setelah itu file tersebut di buka menggunakan Web Browser.
     Visual Studio Code
    Visual studio code (VScode) adalah text editor yang dikembangkan oleh
    Microsoft untuk Windows, Linux, dan MacOS. Dibuat menggunakan
    teknologi web, electron.
     Atom
    Atom adalah text editor untuk MacOS, Linux dan Windows dengan
    dukungan plug-in yang ditulis di Node.js, text editor ini dikembangkan
    oleh GitHub.
     Sumblime text
    b. Web Browser
    Singkatnya web browser merupakan sebuah software aplikasi, yang mempunyai
    fungsi untuk menampilkan, menerjemahkan, dan melakukan interaksi dengan
    suatu dokumen serta informasi dari internet. Kenapa kita harus memahami
    browser? karena File HTML ini akan di terjemahkan langsung oleh browser agar
    dapat menampilkan sebuah tampilan, dari apa yang kita buat menggunakan
    HTML.
    D. Struktur:

     Tag <!DOCTYPE html> memberitahukan web browser bahwa dokumen


    HTML adalah versi 5.
     Tag pembuka <html> menandai awal sebuah dokumen HTML sampai
    dengan tag penutup </html>.
     Tag pembuka <head> berisi informasi tentang halaman HTML sampai
    dengan tag penutup </head>, biasanya dalam tag head terdapat tag
    <title> untuk memberikan informasi judul halaman HTML.
     Apapun tag yang berada di antara tag pembuka <body> sampai dengan
    tag penutup </body> akan tampil di web browser.
    E. Tag, Elemen, Atribut

    Tag Info Attributes


    <html>
    <!DOCTYPE
    html>
    <a> Anchor: digunakan untuk menyediakan Herf: menentukan alamat
    sebuah link ke web resource yang lain. atau ID tujuan
    Hreflang:menentukan
    bahasa yang di gunakan
    Media:
    Ping:
    Rel: menentukan hubungan
    relationship antara dokumen
    yang sedang di buka atau
    dokumen lain yang di rujuk
    link tersebut
    Target: untuk menentukan
    bagaimana perlakuan untuk
    membuka link tersebut.
    Types:
    <article> Article element: digunakan untuk
    memberi mark up sebuah independent
    content, artinya element itu dapat
    berdiri sendiri sebagai sebuah konten
    utuh yang tidak terikat dengan konten
    lain (element lain)
    <head> Head element: sebagai tempat untuk
    meta data(kumpulan data)
    <body> Body element: menunjukan konten
    sebuah dokumen.
    <header> Headr element: merepesentasikan
    konten pengantar, pembukaan atau
    navigasi yang terdiri dari deretan link.
    <nav> Navigasi element: merepresentasikan
    link navigasi (navigational link)
    <ul> Unordered list: merupakan tang list
    tidak braturan yang berfungsi untuk
    mengurutkan suatu list degan urutan
    berupa karakter spesial atau dengan
    simbol pada HTML.
    <li> List element: digunakan untuk
    menampilkan data secara berurutan ke
    bawah
    <main> Main element: merepresentsikan
    konten utama dalam sebuah dokumen.
    <section> Section element: digunakan untuk
    mengelompokan konten dokumen
    menjadi beberapa bagian berdasarkan
    tema atau pokok pikiran masing masing
    <h1,h2,...> h1, h2: Berfungsi untuk melebeli bagian
    artikel.
    <div> Div:digunakan untuk mengelompokkan
    elemen atau tag tag agar menjadi suatu
    grup.
    <img> Image: digunakan untuk menyisipkan
    gambar.
    <footer> Footer element: Merepresentasikan
    sebuah cacatan kaki untuk elemen yang
    menaunginya.

    <a> anchor: digunakan untuk menyediakan sebuah link ke web resource yang lain

    Atribut:

    Herf: tujuan dari hyperlink

    Anda mungkin juga menyukai