Scribd Logo
Unggah

Selamat datang di Scribd!

  • Fungsi HTML

    Diunggah oleh

    Reza Pahlawan
    4 tayangan3 halaman

    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
    4 tayangan3 halaman

    Fungsi HTML

    Diunggah oleh

    Reza Pahlawan

    Hak Cipta:

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

    Fungsi HTML

    Fungsi HTML adalah untuk mengatur tampilan halaman web. Terutama


    menyusun teks seperti paragraf dan heading, hingga menambahkan link dan
    gambar. Berikut adalah beberapa fungsi HTML lainnya:
    1. Membuat Struktur Halaman Web
    2. Menambahkan Konten Website
    3. Mengatur Format dan Tata Letak
    4. Mengarahkan Pengguna ke Halaman Website Lain

    Mengenal Komponen HTML


    Setelah mengetahui bagaimana sejarah dan fungsi HTML, sekarang Anda perlu
    tahu komponen yang terdapat pada bahasa markup ini.

    Secara umum komponen HTML terdiri dari Tag, Elemen, dan Atribut.
    1. Tag

    Tag adalah tanda awalan dan akhiran dalam perintah HTML yang akan dibaca
    oleh web browser. Tag dibuat dengan menggunakan kurung siku <…>, di mana
    di dalamnya berisi nama tag.

    Setiap tag memiliki fungsi perintah yang berbeda-beda. Mulai dari membuat
    judul, paragraf, heading, cetak tebal, miring, italic, dan lainnya.

    Misalnya: <bold>. Tag tersebut akan meminta browser untuk menampilkan teks
    dengan format tebal.

    Selain itu, tag ditulis secara berpasangan, yaitu tag pembuka dan tag penutup.
    Pada tag penutup ditambahkan garis miring (/) di depan nama tag.

    Yang perlu di ingat beberapa contoh HTML untuk pemula berikut ini:

     <html>, untuk memulai membuat halaman HTML yang mencakup


    semua konten dan elemen.
     <head>, untuk membuat halaman HTML yang mencakup tampilan
    deskripsi di hasil pencarian Google, style konten (CSS), dan lainnya.
     <title>, untuk membuat judul website
     <body>, untuk membuat isi website
     <h1> <h2> sampai <h6> , untuk mengatur heading konten
     <p> , untuk membuat paragraf.
    2. Elemen

    Elemen merupakan komponen HTML yang berupa keseluruhan kode dari tag
    pembuka hingga tag penutup. Elemen terdiri dari teks dan simbol yang berupa
    tag pembuka, isi tag atau konten, dan tag penutup.

    Contohnya: <bold>Belajar HTML</bold>


    3. Atribut

    Atribut adalah informasi atau perintah tambahan yang berada dalam elemen.
    Atribut ini berfungsi sebagai penjelas perintah tag pada elemen.

    Misalnya, <img src=”gambar.jpg” alt “Bunga Matahari.”>.

    Tag <img> memiliki atribut khusus yaitu (scr) dan (alt) yang artinya browser
    harus menampilkan gambar.jpg dengan alt text “Bunga Matahari”.

    untuk membuat tabel HTML, Anda perlu tahu terlebih dahulu tag-tag membuat
    tabel HTML sebagai berikut:

     <table> – menandai sebuah tabel


     <thead> – menandai bagian head sebuah tabel
     <tbody> – menandai bagian body sebuah tabel
     <tr> – untuk menyisipkan baris
     <td> – untuk menyisipkan sel dalam sebuah baris
     <th> – untuk mengisyaratkan sel header atau judul

    Contoh kode membuat tabel


    <!DOCTYPE html>
    <html>
    <head>
    <title>Contoh Tabel HTML</title>
    </head>
    <body>

    <table border="1">
    <tr>
    <td>Baris 1 Kolom 1</td>
    <td>Baris 1 Kolom 2</td>
    </tr>
    <tr>
    <td>Baris 2 Kolom 1</td>
    <td>Baris 2 Kolom 2</td>
    </tr>
    </table>

    </body>
    </html>

    Dengan kode tersebut, Anda sudah bisa membuat tabel HTML seperti berikut:

    Anda mungkin juga menyukai