Scribd Logo
Unggah

Selamat datang di Scribd!

  • Chat

    Diunggah oleh

    Cahyo Aguspermadi
    9 tayangan4 halaman

    Judul Asli

    chat

    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
    9 tayangan4 halaman

    Chat

    Diunggah oleh

    Cahyo Aguspermadi

    Hak Cipta:

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

    [9:44] Kelas X 6

    tambah kan untuk semua nya, mengatur besar kecilnya gambar

    [9:44] Kelas X 6
    height : tinggi

    [9:44] Kelas X 6
    wight : lebar

    [9:45] Kelas X 6

    Cara Mengatur Ukuran Gambar di HTML


    Ada beberapa cara yang bisa Anda gunakan untuk mengatur ukuran gambar
    di HTML. Anda bisa mengaturnya secara langsung di dalam tag <img> atau
    Anda bisa menggunakan tambahan tag <style> atau CSS. Sebelum mengatur
    ukuran gambar, Anda harus tahu atribut dalam memasukkan gambar di HTML.

    [9:46] Kelas X 6
    Untuk memasukkan gambar di HTML tentunya Anda membutuhkan tag <img>. Nah,
    nantinya Anda bisa mengatur ukuran gambar di dalam tag img ini. Bagaimana caranya?
    Langsung saja ikuti langkah-langkahnya berikut ini.

    [9:46] Kelas X 6

    1. Cara Pertama

    Cara pertama untuk mengatur ukuran gambar di HTML adalah dengan


    menggunakan atribut width dan height di dalam tag <img> atau gambar.
    Berikut ini script yang dapat Anda tuliskan:
    <img src="baymax.jpg" width="800" height="600">
    Atau Anda bisa melihat lebih jelas pada gambar dibawah ini:

    [9:46] Kelas X 6

    [9:47] Kelas X 6

    Keterangan:

     src adalah tempat atau direktori file gambar Anda berada


     width adalah ukuran lebar dari gambar.
     height adalah ukuran tinggi dari gambar.
     Ukuran gambar berupa piksel.

    Gambar dibawah ini adalah tampilan dari contoh code atau script diatas:

    [9:49] Kelas X 6

    2. Cara Kedua

    Cara kedua untuk mengatur ukuran gambar di HTML adalah dengan


    menggunakan CSS atau tag <style>. Ada 2 versi yang bisa Anda gunakan.
    Anda bisa menggunakan tag <style> di luar tag <img> atau Anda bisa
    menggabungkannya menjadi satu.
    Berikut ini contoh script tag <style> yang terpisah:

    [9:56] Kelas X 6
    !DOCTYPE html>
    <html>
    <style>
    img{width:700px;
    height:600px;
    }
    </style>
    <body>
    <img src="baymax.jpg" >
    </body>
    </html>

    [9:56] Kelas X 6
    px itu satuan untuk pixel

    [10:00] Kelas X 6

    1. Mengatur Posisi Gambar di Kanan

    Untuk mengatur posisi gambar di HTML tentu sangatlah mudah. Anda tidak
    memerlukan sebuah plugin atau script CSS apapun. Namun, jika Anda ingin
    mengatur posisinya menggunakan CSS pun juga tetap bisa. Jika
    menggunakan CSS mungkin agak sedikit ribet. Tenang saja, Anda bisa
    mengatur posisinya hanya menggunakan tag <img> saja. Langsung saja
    berikut ini contoh script untuk mengatur posisi gambar di kanan.
    <html>
    <head><title>Mengatur Posisi Gambar di HTML</title></head>
    <body>
    <h2> Ini adalah contoh posisi gambar di kanan</h2>

    <img src="BURGER.jfif" align="right">

    </body>
    </html>
    Berdasarkan contoh script di atas, Anda hanya perlu menambahkan
    atribut align diikuti dengan posisi yang Anda inginkan. Jika ingin berada di
    kanan maka tulislah right, seperti script di atas.

    Anda mungkin juga menyukai