Tag - Tag Yang Membangun HTML: Images

Posted by Dimas Nurhilman 12:22 AM

Tag - Tag Yang Membangun HTML: Images - HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa). HTML yang kepanjangannya disebut Hyper Text Markup Language adalah suatu bahasa marka, yang digunakan sebagai salah satu format dokumen World Wide Web. HTML bukanlah sebagai bahasa pemrograman, melainkan sebagai bahasa marka yang digunakan untuk membangun sebuah website.

Setelah kalian mempelajari Tag - Tag Yang Membangun HTML: Frames selanjutnya saya akan membahas tentang Images pada HTML.

HTML IMAGES
Tag images adalah satu dari beberapa tag html, fungsi tag images ini untuk menampilkan gambar pada document web. Lalu di tag images ini memiliki sebuah atribut, yaitu sebagai berikut :

Baca Juga :
   7 Font Terbaik pilihan Programmer untuk Coding
   Kumpulan Situs Web Ebook Pemrograman Komputer Terbaik dan Gratis!
   4 Software Text Editor Terbaik Untuk Ngoding Para Programmer

src : memanggil gambar
border : memberi garis pinggir pada gambar
alt : memberi judul gambar
width : melebarkan gambar
height : meninggikan gambar
style : menambahkan style css pada gambar
align : mengatur posisi gambar
selector class atau id

Setiap tag images harus disertai dengan attribut src, karena src ini fungsinya untuk memanggil gambar yang di tampilkan, sedangkan valuenya adalah gambar.

<img src="value">

Berikut Macam - Macam Tag HTML Images :

<img> : Tag untuk membuat gambar
<map> : Tag untuk membuat gambar peta
<area> : Tag untuk membuat area dalam gambar peta
<canvas> : Digunakan untuk menggambar grafik, melalui scripting (JavaScript) (tag baru HTML5)
<figcaption> : Tag untuk membuat sebuah caption untuk elemen <figure> (tag baru HTML5)
<figure> : Menentukan konten mandiri (tag baru HTML)

Setelah kita mengetahui fungsi dari masing masing tag images, selanjutnya kita akan membuat beberapa contoh syntax yang menggunakan tag images pada HTML.
Oke langsung saja kita membuat file images.html di text editor, lalu masukkan ini :

<!DOCTYPE>
<html>
    <head>
        <title>
            Hostze - Tag Images
        </title>
    </head>
    <body>
        <p>Ini adalah contoh penggunaan tag img</p>
        <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI6TjOrc1Ud1S9pfpgfGzuQ_O5P_7B0aSoB7trI1NuHEya8xoBI8_9eWflzjtxI0o1BYncqP0xAGoRt3WatHYN3JGVfM6GRyYjhslc0vNRNT25-94v0LrS_3BbhuFoQvGBAOG_UFKtCD_I/s1600/HOSTZE-LOGO.png">
    </body>
</html>

Setelah itu save, lalu buka file format.html menggunakan browser dan lihat hasilnya. Untuk contoh penggunan tag yang lain bisa kalian coba sendiri.

Kesimpulan :

HTML bukan bahasa pemrograman melainkan bahasa marka yang digunakan untuk membangun sebuah website.
Ada 3 (tiga) tag utama dalam html yaitu: tag html, tag, head dan tag body.
Pada tiap masing masing tag html memiliki tag pembuka dan tag penutup, namun ada beberapa tag yang tidak memiliki tag penutup.
Kita bisa mengetahui tag penutup dengan melihat simbol garing(garis miring) pada tag tersebut.
Tag Formatting adalah tag yang berfungsi mengubah bentuk tampilan dari teks.
Tag Forms adalah tag yang berfungsi untuk menerima masukan(input) dari pengguna.
Tag Frames adalah tag html yang berfungsi untuk menampilkan halaman web dalam halaman web.
Celah yang bernama ClickJacking memanfaatkan tag frames sebagai media pencurian data.
Tag Images adalah tag yang berfungsi untuk memanggil gambar

Kunjungi Juga :
Tutorial Bahasa Pemrograman Web Lengkap!
Tag - Tag Yang Membangun HTML: Audio/Video

Saya harap kalian mengerti dengan penjelasan saya kali ini, jika kalian tidak mengerti silahkan berkomentar di bawah ini.

Demikian artikel yang berjudul Tag - Tag Yang Membangun HTML: Images semoga bermanfaat dan dapat menambah wawasan kalian semua.