Scribd Logo
Unggah

Selamat datang di Scribd!

  • PWeb1 - 03. Gambar

    Diunggah oleh

    jumaidi
    12 tayangan20 halaman
    Dokumen tersebut berisi kode HTML dan penjelasan tentang penggunaan tag-tag dasar HTML untuk menampilkan gambar seperti <img>, <body>, <center>, <font>, <br>, <title>. Diantaranya menjelaskan atribut align untuk mengatur letak teks dan gambar, border untuk memberi bingkai gambar, src untuk menentukan lokasi gambar, alt untuk teks alternatif, width dan height untuk mengatur ukuran gambar.

    Deskripsi Asli:

    Judul Asli

    PWeb1 _ 03. Gambar

    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
    Dokumen tersebut berisi kode HTML dan penjelasan tentang penggunaan tag-tag dasar HTML untuk menampilkan gambar seperti <img>, <body>, <center>, <font>, <br>, <title>. Diantaranya menjelaskan atribut align untuk mengatur letak teks dan gambar, border untuk memberi bingkai gambar, src untuk menentukan lokasi gambar, alt untuk teks alternatif, width dan height untuk mengatur ukuran gambar.

    Hak Cipta:

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

    PWeb1 - 03. Gambar

    Diunggah oleh

    jumaidi
    Dokumen tersebut berisi kode HTML dan penjelasan tentang penggunaan tag-tag dasar HTML untuk menampilkan gambar seperti <img>, <body>, <center>, <font>, <br>, <title>. Diantaranya menjelaskan atribut align untuk mengatur letak teks dan gambar, border untuk memberi bingkai gambar, src untuk menentukan lokasi gambar, alt untuk teks alternatif, width dan height untuk mengatur ukuran gambar.

    Hak Cipta:

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

    Nama : Akhmad Jumaidi

    NIM : 19710113

    JURUSAN : SI 3 UNREG BJB


    <html>
    <head>
    <title> Gambar Latar Belakang </title>
    </head>
    <body background=“Nightly.jpg”>
    <center> <font color=white> Gambar Latar Belakang <font> </center>
    </body>
    </html>

    3.1.GambarLatarBelakang.html
    <html>
    <head>
    <title> Gambar Latar Belakang </title>
    </head>
    <body background="JUJUR.jpg">
    <center> <font color=white> Gambar Latar Belakang <font>
    </center>
    </body>
    </html>

    Tampilan kode pada NotePad


    Tampilan hasil pada Browser
    <html>
    <head>
    <title> Menampilkan Gambar </title>
    </head>
    <body>
    <H1> Menampilkan Gambar </H1>
    <img src="Nightly.jpg">
    </body>
    </html>

    3.2.MenampilkanGambar.html
    <html>
    <head>
    <title> Menampilkan Gambar </title>
    </head>
    <body>
    <H1> Menampilkan Gambar </H1>
    <img src="JUJUR.jpg">
    </body>
    </html>

    Tampilan kode pada NotePad


    Tampilan hasil pada Browser
    3.3. Letak Teks Terhadap Gambar

    Tag <IMG> menyediakan atribut ALIGN yang berfungsi untuk


    mengatur penempatan teks terhadap gambar dan untuk
    mengatur penempatan gambar.
    Nilai Keterangan
    TOP Teks diletakkan di bagian atas
    MIDDLE Teks diletakkan di tengah-tengah
    BOTTOM Merupakan nilai default. Teks diletakkan di bagian bawah.
    LEFT Gambar diletakkan di sebelah kiri pada halaman
    RIGHT Gambar diletakkan di sebelah kanan pada halaman
    <html>
    <head>
    <title> Letak Teks Terhadap Gambar </title>
    </head>
    <body>
    <h1> <center> Gambar </center> </h1>
    <img src="menthol.jpg" align=left>
    <img src="menthol.jpg" align=right>
    </body>
    </html>

    3.3.LetakTeksTerhadapGambar.html
    <html>
    <head>
    <title> Letak Teks Terhadap Gambar </title>
    </head>
    <body>
    <h1> <center> Gambar </center> </h1>
    <img src="JUJUR.jpg" align=left>
    <img src="JUJUR.jpg" align=right>
    </body>
    </html>

    Tampilan kode pada NotePad


    Tampilan hasil pada Browser
    <html>
    <head>
    <title> Bingkai Gambar </title>
    </head>
    <body>
    <h1> <center> Gambar </center> </h1>
    <img src="menthol.jpg" align=left border="1">
    <img src="menthol.jpg" align=right border="5">
    </body>
    </html>

    3.4.MemberiBingkaiGambar.html
    <html>
    <head>
    <title> Bingkai Gambar </title>
    </head>
    <body>
    <h1> <center> Gambar </center> </h1>
    <img src="JUJUR.jpg" align=left border="1">
    <img src="JUJUR.jpg" align=right border="5">
    </body>
    </html>

    Tampilan kode pada NotePad


    Tampilan hasil pada Browser
    <html>
    <head>
    <title> Menyediakan Teks Alternatif </title>
    </head>
    <body>
    <h1> <center> Menyediakan Teks Alternatif </center> </h1>
    <img src="menthol.jpg" alt="Gambar Ku">
    </body>
    </html>

    3.5.MenyediakanTeksAlternatif.html
    <html>
    <head>
    <title> Menyediakan Teks Alternatif </title>
    </head>
    <body>
    <h1> <center> Menyediakan Teks Alternatif </center>
    </h1>
    <img src="JUJUR.jpg" alt="Gambar Ku">
    </body>
    </html>

    Tampilan kode pada NotePad


    Tampilan hasil pada Browser
    <html>
    <head>
    <title> Mengatur Ukuran Gambar </title>
    </head>
    <body>
    <h1> <center> Mengatur Ukuran Gambar </center> </h1>
    Ukuran Gambar 320x240 <br> <br>
    <img src="Menthol.jpg" width=320 height=240>
    <br> <br> Ukuran Gambar 640x480 <br> <br>
    <img src="Menthol.jpg" width=640 height=480>
    </body>
    </html>

    3.6.MengaturUkuranGambar.html
    <html>
    <head>
    <title> Mengatur Ukuran Gambar </title>
    </head>
    <body>
    <h1> <center> Mengatur Ukuran Gambar </center>
    </h1>
    Ukuran Gambar 320x240 <br> <br>
    <img src="JUJUR.jpg" width=320 height=240>
    <br> <br> Ukuran Gambar 640x480 <br> <br>
    <img src="JUJUR.jpg" width=640 height=480>
    </body>
    </html>

    Tampilan kode pada NotePad


    Tampilan hasil pada Browser

    Anda mungkin juga menyukai