Scribd Logo
Unggah

Selamat datang di Scribd!

  • Materi 2 - HTML

    Diunggah oleh

    mrizkypw
    39 tayangan12 halaman

    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
    39 tayangan12 halaman

    Materi 2 - HTML

    Diunggah oleh

    mrizkypw

    Hak Cipta:

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

    Materi 2

    HTML
    Pemrograman Web dan
    Perangkat Bergerak (PWPB)
    HT
    ML

    Apa itu HTML?


    HTML (Hypertext Markup Language)
    ● Bahasa markup untuk menampilkan halaman web pada web
    browser.

    ● Diciptakan pada tahun 1989 oleh Tim Berners-Lee, seorang ahli


    fisika dari Lembaga Penelitian CERN.

    ● Tujuan awal hanya untuk membuka dokumen yang berformat


    HTML. Namun, seiring vitalnya manfaat HTML, hingga saat ini
    sudah ada 5 versi HTML. Dan yang dipakai sekarang adalah
    HTML5.
    Tiga Teknologi pada Web
    HTML CSS Javascript
    Perhatikan!
    Perhatikan!
    Struktur Dasar HTML

    <!doctype html>
    <html>
    <head>
    <title>Judul Halaman</title>
    </head>
    <body>
    Berisi tentang text, gambar, atau
    apapun yang tampil pada dokumen web.
    </body>
    </html>
    Tata Cara Penulisan!
    ● Sebuah dokumen HTML5 diawali dengan <!DOCTYPE HTML>.

    ● Tanda seperti <html> disebut tag. Sebuah tag seperti itu


    menyatakan sebuah elemen dalam dokumen html.

    ● Beberapa tag berpasangan. Sebagai contoh, <head> berpasangan


    dengan </head>.

    ● Pasangan <html>..</html> menyatakan awal dokumen HTML.

    ● Di dalam <html>..</html> terdapat pasangan <head>..</head> dan


    <body>..</body>.
    Macam-macam Format Teks
    Memanipulasi Tampilan Teks pada Halaman Web
    ● Mencetak tebal teks : <b>teks</b>
    ● Mencetak tebal teks dengan strong : <strong>teks</strong>
    ● Mencetak miring teks : <i>teks</i>
    ● Mencetak teks bergaris bawah : <u>teks</u>
    ● Memberi tekanan teks : <em>teks</em>
    ● Membesarkan huruf : <big>teks</big>
    ● Mengecilkan huruf : <small>teks</small>
    ● Mencetak superscript teks : <sup>teks</sup>
    ● Mencetak subscript teks : <sub>teks</sub>
    ● Mencetak teks berkedip : <blink>teks</blink>
    ● Mencetak teks berjalan : <marquee>teks</marquee>
    ● Mencetak teks dengan coretan : <s>teks</s>
    Struktur Tag
    ● <nametag atribut=“nilai”>

    ● Contoh: <body bgcolor=“lightblue”>

    ● Hasilnya adalah warna background dari body berubah yang


    sebelumnya tidak berwarna menjadi memiliki warna dengan
    nilai/value berupa warna lightblue.

    ● Contoh tag lengkap dapat dilihat pada:


    https://www.w3schools.com/tags/
    Terima kasih
    Ada pertanyaan?
    CREDITS: This presentation template was created
    by Slidesgo, including icons by Flaticon, and
    infographics & images by Freepik.
    Tugas!

    • Membuat web html sederhana berisi Biodata Diri


    kalian! Screenshot codingannya dan juga tampilan
    webnya! Upload di google classroom!

    • Yang ada Laptop, bisa menggunakan notepad,


    sublime text, dll

    • Pengguna HP bisa menggunakan browser masing-


    masing dan mengakses link berikut:
    https://www.w3schools.com/html/tryit.asp?filename
    =tryhtml_intro

    Anda mungkin juga menyukai