Scribd Logo
Unggah

Selamat datang di Scribd!

  • HTML

    Diunggah oleh

    aira cancii
    6 tayangan11 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
    6 tayangan11 halaman

    HTML

    Diunggah oleh

    aira cancii

    Hak Cipta:

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

    Valencia Akwila

    XI-2
    Hypertext Markup Language (HTML), adalah Bahasa yang
    digunakan untuk membuat halaman web. “Hypertext” mengacu
    pada hyperlink yang mungkin terdapat dalam halama HTML.
    Bahasa ini mengacu pada cara tag yang digunakan untuk
    menentukan tata letak halaman dan elemen di dalam halaman
    website. Bahasa HTML merupakan dasar dari sebuah website dan
    dapat dibuat dengan bahasa server PHP dan dapat di desain
    dengan menggunakan CSS.
    Element HTML biasanya ditutup dengan tanda “/” .
    Berikut beberapa element yang teradapat pada HTML :
    • Header <header></header>
    • Footer <footer></footer>
    • Body <body></body>
    • Paragraf <p></p>
    • Heading <h>
    • Image <img>
    • Anchor <a>
    • Line Break <br>
    • Container <div>
    Header & Footer

    Heade dan Footer utama yang muncul pada awal dan akhir di
    sebuah halaman body. Header sebagai pengatar atau pembuka
    konten, sedangkan Footer sebagai kaki pada sebuah website.
    Berikut contoh gambaran dari sebuah halaman website.
    Body

    Body merupakan bagian yang berisi konten atau isi pada sebuah
    website. Element body digunakan setelah element <head>.
    Berikut contoh Codingan tag body
    Paragraf

    Paragraf adalah element paling mendasar dari sebuah dokumen


    teks. Pada HTML kita bisa menunjukan sebuah paragraf dengan
    menggunakan element <p>.
    Berikut contohnya.
    Heading

    Dalam menulis sebuah konten artikel, kita pastinya memerlukan


    judul sebagai topik pembahasan. Paragraf sebagai penjelas dari
    topik yang dibawa. Kita bisa menggunakan element <h> untuk
    membuat sebuah heading. Ada beberapa ukuran dalam heading,
    seperti <h1>, <h2>, <h3>, <h4>, <h5>, <h6>. Semakin besar
    angkanya akan semakin kecil ukuran tulisan yang akan tampil.
    Berikut contohnya.
    Image/Gambar

    Pada HTML untuk menampilkan sebuah gambar, kita bisa


    menggunakan tag atau elemen <img>. Berbeda dengan elemen lain,
    elemen <img> tidak menuliskan konten diantara tag pembuka dan
    penutup. Namun untuk menetapkan gambar yang ditampilkan
    dengan menggunakan sebuah atribut.
    Berikut contoh penulisannya.

    <img src=«gambar.png" alt=«gambar">


    Anchor

    Anchor <a> merupakan elemen yang digunakan untuk membuat


    sebuah hyperlink ke halaman atau website lain, file, Alamat email,
    atau URL lainnya. Selain itu ada attribute wajib agar elemen ini
    berfungsi dengan baik yaitu attribute “href” untuk menetapkan
    target atau link yang dituju.
    Berikut contoh penulisan tag <a>

    1. <a href="https://website.com">Website</a>
    2. <a href="mailto:email@gmail.com">Email</a>
    3. <a href="tel:+62123456">Telepon</a>
    4. <a href="#alamat">Alamat</a>
    Line Break

    Line Break <br> dapat digunakan untuk memberitahu browser untuk


    memberikan sebuah garis baru pada baris teks. Sama seperti
    gambar, element ini merupakan elemen kosong, sehingga tidak
    membutuhkan sebuah tag penutup.
    Berikut contoh penulisan Line Break.

    <p>
    Halo<br>
    Nama saya<br>
    Valen
    </p>
    Container

    Container <div> merupakan sebuah wadah yang bersifat umum


    untuk menampung beberapa konten. Element ini tidak akan
    memberikan efek apapun pada konten atau layout sebelum
    menerapkan sebuah style menggunakan CSS.
    Berikut contoh penulisan <div>.

    <body>
    <div>
    <p>
    Paragraf ini berada di dalam elemen div
    </p>
    </div>
    SEKIAN TERIMA KASIH

    Anda mungkin juga menyukai