Scribd Logo
Unggah

Selamat datang di Scribd!

  • Desain Pemrograman

    Diunggah oleh

    am
    11 tayangan5 halaman

    Judul Asli

    DESAIN PEMROGRAMAN

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    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 PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    11 tayangan5 halaman

    Desain Pemrograman

    Diunggah oleh

    am

    Hak Cipta:

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

    sdfsdf

    LAPORAN PRAKTIKUM
    PEMROGRAMAN DAN DESAIN WEB

    JOBSHEET Ke- : 1
    NAMA : Alawiyah Mahfudhah
    NIM : 932302917
    KELAS : B

    TADRIS MATEMATIKA
    IAIN KEDIRI
    2020
    Pemrograman dan Desain Web | Tadris Matematika

    Berikut adalah tag HTML beserta fungsi, contoh penggunaanya dan hasilnya :
    Tag Dasar
    <! DOCTYPE html> : Berfungsi untuk deklarasi untuk mendefinisikan dokumen menjadi
    HTML
    <html> : Berfungsi sebagai tag pembuka untuk membuat dokumen HTML
    <head> : Berfungsi sebagai informasi meta tentang dokumen
    <title> : Digunakan untuk membuat judul halaman yang nantinya akan
    ditampilkan di browser
    <body> : Sebagai tempat dibuatnya semua konten website menggunakan
    HTML
    Adapun contoh dalam penggunaanya sebagai berikut :
    <!DOCTYPE html>
    <html>
    <head>
    <title>Page Title</title>
    </head>
    <body>

    <h1>My First Heading</h1>


    <p>My first paragraph.</p>

    </body>
    </html>
    Berikut adalah hasil pada contoh sebagai berikut :

    Tag Judul
    <h1> s/d <h6> : Untuk membuat judul atau heading
    <hr> : Berfungsi untuk emisahkan konten (biasanya ditampilkan garis
    pembatas)
    Adapun contoh dalam penggunaanya sebagai berikut :
    <!DOCTYPE html>

    Jobsheet Tugas Mandiri Ahmad Syamsudin, M.Kom 2


    Pemrograman dan Desain Web | Tadris Matematika

    <html>
    <body>

    <h1>This is heading 1</h1>


    <p>This is some text.</p>
    <hr>

    <h2>This is heading 2</h2>


    <p>This is some other text.</p>
    <hr>

    <h2>This is heading 2</h2>


    <p>This is some other text.</p>

    </body>
    </html>
    Berikut adalah hasil pada contoh sebagai berikut :

    Tag Paragraf
    <p> : Berfungsi untuk membuat paragraph
    <br> : Untuk membuat garis baru
    <pre> : Untuk memformat teks/ kalimat
    Adapun contoh dalam penggunaanya sebagai berikut :
    <!DOCTYPE html>
    <html>
    <body>

    <p>In HTML, spaces and new lines are ignored:</p>


    <br> example

    Jobsheet Tugas Mandiri Ahmad Syamsudin, M.Kom 3


    Pemrograman dan Desain Web | Tadris Matematika

    <p>

    My Bonnie lies over the ocean.

    My Bonnie lies over the sea.

    My Bonnie lies over the ocean.

    Oh, bring back my Bonnie to me.

    </p>

    </body>
    </html>
    Berikut adalah hasil pada contoh sebagai berikut :

    Tag Style
    Style : Sebagai atribut untuk elemen styling pada HTML
    background-color : Untuk memberikan warna latar belakang
    color : Memberi warna pada teks
    font-family : Mengubah font pada teks
    font-size : Mengatur ukuran font
    text-align : Mengatura perataan teks
    Adapun contoh dalam penggunaanya sebagai berikut :
    <!DOCTYPE html>
    <html>
    <body>

    Jobsheet Tugas Mandiri Ahmad Syamsudin, M.Kom 4


    Pemrograman dan Desain Web | Tadris Matematika

    <h1 style="text-align:center;">Centered Heading</h1>


    <p style="text-align:center;">Centered paragraph.</p>

    </body>
    </html>
    Berikut adalah hasil pada contoh sebagai berikut :

    Jobsheet Tugas Mandiri Ahmad Syamsudin, M.Kom 5

    Anda mungkin juga menyukai