YAYASAN MA'ARIF KEDUNGKENDO

Yayasan Ma'arif Kedungkendo RA-MI-MTS-SMK

Study Ke Hitechmall

Studi tour ke HitechMall untuk kelas XI

Lomba Gerak Jalan

Juara 1 Lomba Gerak Jalan Tingkat Kecamatan Candi Sidoarjo

Latihan Ujian Praktek TKJ

Berlatih instal Operating Sistem Linux - Debian 5 (DNS dan Web Server)

Lomba Gerak Jalan 2010

Gerak Jalan HUT RI 2010 Juara tingkat Kecamatan Candi Sidoarjo

17 October 2013

LOMBA ANTI NARKOBA SE-KABUPATEN SIDOARJO

Kali ini SMK Ma'arif Kedungkendo Dipilih oleh dinas Kabupaten Sidoarjo sebagai sekolah yang diikutkan lomba Anti NArkoba seKabupaten Sidoarjo. Di kegiatan ini para siswa selain aktif dalam kegiatan anti narkoba dan juga menunjukkan kegiatan anti narkoba. Hari ini dikunjungi oleh BNN.

Salah satu contoh adalah membuat Mading anti narkoba, Yel-yel Anti Narkoba, menyanyi nanti narkoba, penyuluhan dalam bentuk drama... penyuluhan anti narkoba dan lain-lain. Semoga bisa menang ya.......




ini dia penampilan mereka :

28 March 2013

PSG Siswa SMK TKJ

SMK TKJ juga menjalankan Pendidikan Sistem Ganda (PSG) yang bisa diterima di Instansi Pemerintah, BUMN (Telkom), Dept store (Ramayana), Perusahaan IT. Ini dia ketika mereka praktek di Telkom Sidoarjo :

 PSG dilakukan di kelas XI, bisa mengajukan pilihan tempat sendiri apabila belum menemukan pihak sekolah yang akan mengarahkan. Dengan adanya PSG ini diharapkan ketika lulus nanti mereka bisa langsung terjun kelapangan pekerjaan / Siap Kerja.

KEGIATAN SISWA

SMK Ma'arif Kedungkendo melakukan beberapa kegiatan diantaranya LDKS untuk siswa baru dan OSIS. Untuk tahun 2012 dilakukan di Pacet







Ada juga lho kegiatan Tour ke Mall.... hehehhe Hitech Mall ... melihat berbagai macam harga komputer... Hi- tech. ini foto tahun 2011 (mereka sudah lulus). Alhamdulillaah mereka Lulus semua dan 85% kerja di pabrik, Dept Store, dan 15% melanjutkan Kuliah di Universitas negeri


27 March 2013

Latihan Soal Ujian Nasional TKJ SMK

 Belajar Ujian Nasional SMK-TKJ


1. Pada sebuah PC yang mempunyai VGA Card Onboard dapat diaktifkan maupun di non
aktifkan melalui …
A. BIOS
B. Software Aplikasi
C. Sistem Operasi
D. Saklar Mekanik
E. Power Supply

2. Pada waktu komputer dinyalakan muncul bunyi beep 1 kali panjang dan 3 kali pendek
maka terdapat masalah pada pemasangan komponen …
A. RAM
B. VGA Card
C. Prosesor
D. Motherboard
E. Power Suplly

3. Dalam log sheet perawatan dan perbaikan komputer yang perlu dilaporkan meliputi,
kecuali…
A. Tanggal dan waktu kapan dilakukan maintenance
B. Nama periferal dan spesifikasi
C. Gejala kerusakan
D. Tindakan korektif yang dilakukan untuk melakukan perbaikan terhadap periferal.
E. Toko di mana periferal di beli
4.

Lihat gambar di atas, pada Device Manager muncul tanda seperti di atas, hal ini
menunjukkan ….
A. Driver komponen komputer berhasil di install
B. Driver komponen komputer belum di install
C. Driver komponen komputer tidak sesuai dengan spesifikasi yang diharapkan
D. Komponen komputer di non aktifkan
E. Komponen komputer Plug and Play

5. Jika terjadi muncul peringatan pada monitor printer “paper jam”, disebabkan karena…
A. Kertas pada printer habis
B. Roller printer aus
C. Tinta arsober pada printer penuh
D. Kertas masuk tidak simetris
E. Tinta pada inktank habis

6. DirectX merupakan tool bawaan windows yang digunakan untuk mendiagnosa semua
hardware yang berhubungan dengan …
A. prosesor
B. RAM
C. keyboard, mouse, printer
D. grafis, network dan multimedia
E. power supply

7. Perangkat lunak yang mengijinkan orang-orang untuk meredistribusikan salinannya, tetapi
bila pengguna terus menggunakannya diminta untuk membayar biaya lisensi disebut ...
A. Freeware
B. Shareware
C. Opensource
D. Copy left
E. Comersial software

8. Windows adalah salah satu contoh sistem operasi berbasis GUI, kepanjangan dari GUI
adalah…
A. Graphical User Input
B. Graphical User Interactive
C. Graphical User Instruction
D. Graphical User Interface
E. Graphical User Interconection

9. Kelebihan dari topologi STAR adalah, kecuali
A. paling fleksibel karena pemasangan kabel mudah
B. penambahan atau pengurangan terminal sangat mudah dan tidak mengganggu bagian
jaringan yang lain
C. kontrol terpusat sehingga memudahkan dalam deteksi kesalahan
D. kemudahan dalam isolasi kesalahan serta memudahkan pengelolaan jaringan
E. boros kabel

10. Perintah linux untuk melihat isi dalam suatu direktori adalah…
A. dir
B. ls
C. chdir
D. ifconfig
E. cp



11. Antar muka yang bertugas menerjemahkan satuan informasi terkecil di layer fisik
adalah.....
A. LAN Card
B. USB
C. RJ 45
D. Firewire
E. Kabel UTP

12. Apabila dari perintah ping muncul keterangan “Request timed out” berarti…
A. Hubungan kedua komputer berjalan secara normal.
B. Hubungan kedua komputer terputus
C. Topologi jaringan tidak sesuai
D. Internet tidak terhubung
E. Masalah pada server

13. Terjadinya tabrakan pengiriman data pada suatu jaringan komputer dikenal dengan
istilah…
A. Collision
B. Fusion
C. Broken
D. Attacking
E. Explode

14. Untuk memeriksa hasil pemasangan konektor RJ 45 pada kabel UTP kita gunakan…
A. Tang krimping
B. Multitester
C. LAN Tester
D. POE
E. Konektor

15. Untuk menguatkan sinyal pada kabel jaringan lokal diperlukan alat…
A. Bridge
B. Repeater
C. Gateway
D. Amplifier
E. Router



16. Perintah untuk menunjukkan rute yang dilewati paket untuk mencapai suatu tujuan
adalah…
A. ping
B. netstat
C. tracert
D. looklan
E. host

17. host Dibawah ini adalah yang sistem operasi jaringan berbasis GUI…
A. Ms. Windows 98
B. Ms. Windows XP
C. Ms. Windows Vista
D. Ms. Windows 2003
E. Ms. Windows Milenium

18. Pada Ms. Windows 2003 Server untuk mengkonfigurasi Web Server kita pilih menu…
A. Cluster Administrator
B. Routing and Remote Access
C. DNS
D. Internet Information Services (IIS) Manager
E. Data Sources (ODBC)

19. Antena yang memancar ke segala arah (360 derajat) disebut.....
A. Yaggi Super
B. Omni Directional
C. Yaggi Directional
D. Omni Struktural
E. Sektoral

20. Pemasangan dua buah antena WiFi harus memenuhi syarat tidak terhalang apapun yang
disebut …
A. Point to multipoint
B. Point to point
C. LOS
D. Direct
E. dB

21. Dalam keamanan jaringan data dirusak sebelum sampai ke tujuan disebut…
A. Interupsi
B. Interception
C. Modifikasi
D. Fabrication
E. DoS

22. Kecepatan data maksimal pada komunikasi wireless dengan spesifikasi 802.11b adalah …
A. 5 Mb/s
B. 11 Mb/s
C. 15 Mb/s
D. 54 Mb/s
E. 100 Mb/s

23. Secara Umum sebuah PC ,terbagi menjadi bagian-bagian yaitu…
A. Input Device-CPU-Output Device
B. Input Device-CPU-Pheripherial
C. Input Device-CPU-Strorage Device
D. Input Device-CPU-Memory
E. Input Device-CPU-Eksternal Device

24. Suara yang dikeluarkan pada saat proses pembacaan/pendeteksian peralatan dalam
proses POST disebut istilah….
A. Clock
B. Nada
C. Error
D. Sound
E. Beep

25. Dibawah ini yang termasuk alat Bantu /tool kit adalah ,kecuali….
A. Obeng
B. Cairan Pembersih
C. Tang
D. Kuas
E. Avometer

26. Beberapa hal yang harus diperhatiakan saat menginstal OS jaringan linux Redhat 9
adalah….
A. Pemilihan versi linux
B. Pemilihan mode Instalasi
C. Pemilihan metode instalasi
D. Pemilihan Paket
E. Pemilihan jenis OS sebagai Client,standalone dan server

27. Dalam proses instalasi linux SUSE ada beberapa tahapan yang harus dilewati,tahapan
pertama adalah….
A. Pembuatan partisi dan file system
B. Meginstal Paket Aplikasi
C. Menginstal Kernel
D. Pembuatan diskboot
E. Menginstal LILO

28. Hal yang perlu diperhatikan saat instalasi OS jaringan berbasis teks(LINUX),kecuai…
A. Tesedia partisi yang cukup untuk OS
B. Kenali konfigurasi hardware yang dipakai
C. Komputer dapat melakukan booting
D. Hardisk harus support dengan OS linux
E. Prosessor minimal Pentium 4

29. Utilitas Ping digunakan untuk mengetahui konektifitas yang terjadi dengan…
A. Kartu jaringan
B. Host name
C. Workgroup
D. IP Addreess
E. Phisycal Adapter

30. Komunikasi yang dilakukan tanpa kabel dinamakan…
A. Wirreline
B. Cabless
C. Direct
D. Wirreless
E. Dekless


31. Merupakan inti dari OS Linux yang mengatur penggunaan memori,input-output dan
proses-proses disebut…
A. Source code
B. LILO
C. Root
D. Kernel
E. Script

32. Dibawah ini yang merupakan perangkat WAN adalah,kecuali…
A. Hub
B. Modem
C. Repeater
D. Router
E. Bridge

33. Dalam teknologi jaringan dikenal model OSI,apa kepanjangan dari OSI…
A. Over System International
B. Organization Standart International
C. Open Standart International
D. Organization Standart Interconnection
E. Open System Interconnection

34. Model Referensi OSI terdiri dar 7 lapisan (layer),lapisan ke 4 dari referensi OSI adalah….
A. Aplication
B. Network
C. Transport
D. Session
E. Presentation

35. Tipe jaringan computer yang memiliki cirri,bandwith yang tinggi dan latency yang rendah
adlah jaringa…
A. LAN
B. WAN
C. Hybrid
D. MAN
E. Ring

36. Service/layanan yang dapat diaktifkan pada server adalah sebagai berikut ini, kecuali…
A. DHCP Server
B. NTFS Server
C. FTP Server
D. DNS Server
E. WEB Server

37. Program berikut ini yang berfungsi proxy server adalah…
A. Samba
B. Squirrel
C. Phyton
D. Squid
E. Apache

38. Mengatur disk quota untuk user “santi” dapat dilakukan dengan perintah…
A. # touch aquota.ali
B. # quota –santi
C. # mount /home/santi
D. # quota check –vaug –santi
E. # edquota –u santi

39. Untuk mengakses web server dibutuhkan program berikut ini adalah…,
A. Mozilla atau opera
B. Friendster atau Blogger
C. MySQL atau Outlook
D. Squid atau Samba
E. Apache atau IIS

40. Layanan pada server yang memungkinkan para client melakukan pengiriman surat
menyurat elektronik secara local maupun via internet disebut…
A. Mail Client
B. Web Server
C. FTP Server
D. Web Mail
E. Mail Server 
INGAT TERUS BELAJAR... latihan lebih banyak Soal Ujian SMK - TKJ agar nilai yang ditargetkan / kelulusan tercapai... SEMANGAT YA..

15 March 2013

Web Design 2


Contoh-contoh penggunaan tag marquee
Standar tag marquee tanpa atribut
<marquee>Standar tag marquee tanpa atribut</marquee>

Standar tag marquee tanpa atribut

Marquee dengan atribut direction
<marquee direction="up">marquee direction="up"</marquee> <marquee direction="right">marquee direction="right"</marquee> <marquee direction="down">marquee direction="down"</marquee> <marquee direction="left">marquee direction="left"</marquee>

marquee direction="up" marquee direction="right" marquee direction="down" marquee direction="left"  
Marquee dengan atribut behavior
<marquee behavior="alternate">marquee behavior="alternate"</marquee> <marquee behavior="scroll">marquee behavior="scroll"</marquee> <marquee behavior="slide">marquee behavior="slide"</marquee>




marquee behavior="alternate" marquee behavior="scroll" marquee behavior="slide"
Marquee dengan atribut scrolldelay
<marquee scrolldelay="100">marquee scrolldelay="100"</marquee> <marquee scrolldelay="200">marquee scrolldelay="200"</marquee> <marquee scrolldelay="300">marquee scrolldelay="300"</marquee>

marquee scrolldelay="100" marquee scrolldelay="200" marquee scrolldelay="300"



Marquee dengan atribut scrollamount
<marquee scrollamount="10">marquee scrollamount="10"</marquee> <marquee scrollamount="20">marquee scrollamount="20"</marquee> <marquee scrollamount="30">marquee scrollamount="30"</marquee>






marquee scrollamount="10" marquee scrollamount="20" marquee scrollamount="30"
Marquee dengan atribut bgcolor
<marquee bgcolor="red">marquee bgcolor="red"</marquee> <marquee bgcolor="#ddd">marquee bgcolor="#ddd"</marquee>



marquee bgcolor="red" marquee bgcolor="#ddd"
Marquee dengan atribut style
<p><marquee style="padding:4px;font-size:18px;color:#0C9;background:#000;">HTML CSS Guides.com<br /> <span style="font-size:12px;color:#ff3;">Web design, Belajar HTML, CSS, Javascript, tips, triks dan tutorial bagi pemula.</span></marquee></p>



HTML CSS Guides.com
Web design, Belajar HTML, CSS, Javascript, tips, triks dan tutorial bagi pemula.


Marquee dengan beberapa atribut
<p style="background: #366;text-align:center;padding:4px;font-size:20px;color:#0fc;"> <marquee direction="left" scrollamount="5" width="200"><<< MACAM-MACAM</marquee> <marquee direction="right" scrollamount="5" width="200">MACAM-MACAM >>></marquee><br /> <marquee behavior="alternate" width="400" style="font-size:14px;color: #fff;" >Contoh Marquee</marquee></p>
<<< MACAM-MACAM MACAM-MACAM >>>
Contoh Marquee

Marquee dengan link dan mouseover atribut

<marquee onmouseover="this.stop();" onmouseout="this.start();">Jika ada komentar anda tentang marquee ini silahkan sampaikan melaui <a href="/membuat-teks-berjalan-dengan-tag-marquee#comment" title="Tinggalkan pesan">comment</a></a></marquee>
Ketika kita menggeser mouse ke area teks dibawah maka teksnya akan berhenti.


Jika ada komentar anda tentang marquee ini silahkan sampaikan melaui comment

Marquee dengan gambar
Untuk gambar kita cukup memasukkan lokasi gambarnya dan lakukan pengaturan dengan atribut-atribut marquee tersebut.
<marquee><img src="../images/marquee1.jpg" /> <img src="../images/marquee2.jpg" /> <img src="../images/marquee3.jpg" /></marquee>



<marquee scrollamount="2" width="100" style="background:url(../images/marqueebg.jpg);"><img src="../images/marquee1.jpg" /><img src="../images/marquee2.jpg" /><img src="../images/marquee3.jpg" /></marquee>

Belajar WEB Design I

HTML Dasar


Definisi HTML
HTML adalah sebuah bahasa untuk menampilkan halaman sebuah website. HTML merupakan singkatan dari Hyper Text Markup Language. HTML bukan termasuk dalam bahasa pemrograman, tetapi HTML adalah “markup language“, “markup language” ini merupakan sekumpulan “tag“. “tag” inilah yang digunakan untuk menampilkan halaman website dalam tampilan tertentu.

Tag HTML
Tag adalah teks khusus (markup) yang terdiri dari nama tag yang diapit oleh karakter “<” (tanda lebih kecil) dan “>” (tanda lebih besar). Contoh tag <body> : adalah tag dengan nama tag body. Tag umumnya ditulis secara pasangan yaitu tag pembuka dan tag penutup. Contoh tag pembuka : <body>dan tag penutup </body> (ditambah tanda “/”).
Tag HTML tidak bersifat case sensitive, maksudnya tag HTML tidak membedakan huruf besar/katipal dan huruf kecil. Jadi anda bisa menggunakan huruf kapital atau pun huruf kecil ketika menuliskan tag HTML. Misalnya menuliskan <body> dengan <BODY> maka hasilnya akan sama saja. Namun walaupun begitu, akan lebih bagus jika kita konsisten memilih salah satu saja untuk semua tag di halaman HTML yang kita buat.

Untuk belajar membuat HTML, anda membutuhkan 2 buah program aplikasi yaitu HTML editor dan web browser bisa juga sih kalau test langsung pakai w3schools.com. Tapi  kamu dapat menggunakan yang paling mudah dan mungkin sudah ada di komputer anda yaitu Notepad. Sedangkan untuk browser, silahkan nanti gunakan Internet Explorer atau Mozilla Firefox yang mungkin juga sudah ada di komputer anda.
Jadi saat ini kita bisa langsung mempraktekkan bagaimana cara membuat HTML dari yang paling dasar. Notepad nantinya akan kita gunakan mengetikkan kode-kode atau tag HTML. Sedangkan web browser atau biasa disebut “browser” saja, akan kita gunakan untuk melihat hasil halaman HTML yang sudah kita buat. Langsung saja kepada praktek cara membuat HTML dasar, silahkan ikuti langkah-langkah berikut ini.
Buka aplikasi Notepad di komputer anda lalu ketikkan kode HTML berikut ini :
1
<html>
2
<head>
3
<title>Belajar HTML</title>
4
</head>
5
<body>
6
Hallo, selamat belajar HTML.
7
</body>
8
</html>

Catatan : Nomor yang muncul di setiap baris tidak perlu anda ketik, itu hanya tampilan untuk menunjukkan nomor baris kode yang ada. Jadi ketikkan seperti gambar berikut ini :

Selanjutnya silahkan klik menu File-Save As untuk menyimpan file yang anda buat. Simpan dokumen/file diatas dengan nama “latihan.html”. Pastikan anda mengetikkan “latihan.html” (tanpa tanda petik) ketika menyimpan, karena jika tidak maka file yang tersimpan otomatis menjadi file dengan ektension “txt”.

Kemudian tutup aplikasi Notepad anda. Lalu buka windows explorer dan cari dimana file tadi anda simpan. Jika sudah ditemukan, silahkan buka file HTML tersebut dengan cara memilih dan klik double.

Jika sudah benar, maka seharusnya file tersebut otomatis akan dibuka dengan menggunakan aplikasi browser yang ada di komputer anda seperti Internet Explorer atau Mozilla Firefox. Dan jika menggunakan Firefox tampilan akan menjadi seperti berikut.


Web Browser dan Dokumen HTML
Web browser adalah aplikasi atau software yang digunakan untuk menampilkan halaman website. Contoh web browser adalah Internet Explorer, Mozilla Firefox, Opera dan lainnya. Web browser memiliki tugas untuk membaca dokumen HTML dan menampilkan sebagai halaman website. Web browser tidak menampilkan tag HTML tetapi menggunakan tag HTML untuk menampilkan isi dari halaman HTML tersebut.
Dokumen HTML sendiri terdiri dari tag-tag HTML dan teks biasa. Jadi dokumen HTML bisa disamakan dengan halaman website. Artinya dokumen HTML juga bisa disebut dengan halaman website.
Contoh HTML sederhana :
1
<html>
2
<head>
3
<title>Judul Halaman</title>
4
</head>
5
<body>
6
<h1>Heading</h1>
7
<p>Isi paragraf disini.</p>
8
</body>
9
</html>
Hasil tampilan kode HTML diatas pada browser adalah seperti berikut :



Ekstensi HTML atau HTM?
Dokumen HTML ada yang disimpan dengan ektensi HTM dan HTML. Mungkin ketika anda mencoba latihan membuat HTML sederhana anda pernah bingung, apakah harus disimpan dengan ekstensi “htm” atau “html”. Sebenarnya sama saja, tidak ada pengaruhnya pada halaman HTML anda antara ektensi “htm” atau pun “html”, jadi anda bebas memilihnya. Tapi disarankan anda konsisten dengan memilih salah satu untuk mempermudah mengingat nama file. Karena misalnya ketika memanggil file tertentu agar anda tidak salah mengetikkannya.
Untuk diketahui bahwa pada awalnya ektensi “htm” digunakan karena berbagai sistem dan software hanya mengijinkan 3 digit/karakter untuk dijadikan ekstensi sebuah file/dokumen. Tapi untuk saat ini, kita sudah dapat menggunakan ekstensi “html” sebagai ekstensi file/dokumen HTML.
Setiap halaman website atau dokumen HTML yang baik pada umumnya memiliki struktur tertentu. Secara umum dokumen HTML memiliki struktur yang dibagi menjadi 3 yaitu : HTML, HEAD, BODY. Secara struktur HTML akan terdiri dari dua bagian utama yaitu HEAD dan BODY. Memang dianalogikan seperti manusia yang memiliki kepala dan badan.
Untuk lebih jelasnya silahkan perhatikan ilustrasi berikut ini :




Setiap dokumen HTML diawali dengan tag pembuka <html> dan diakhiri tag penutup </html>. Kemudian di dalam HTML terdiri dari dua bagian seperti dijelaskan diatas yaitu HEAD dan BODY. Bagian HEAD diawali dengan tag pembuka <head> dan diakhiri dengan tag penutup <head>. Bagian BODY diawali dengan tag pembuka <body> dan diakhiri tag penutup </body>.
Bagian HEAD atau kita sebut header biasanya mengantung tag-tag seperti tag TITLE, META dan lain-lain. Tag TITLE digunakan untuk menampilkan judul halaman HTML pada title di browser. Tag META digunakan untuk mengisikan informasi seperti author, keyword dan lain-lain. Bagian BODY merupakan bagian yang digunakan untuk menampilkan isi dokumen/halaman HTML. Isi yang ditampilkan informasi yang dapat berupa teks, gambar, link dan lain sebagainya.
Jadi untuk pemula atau yang baru belajar HTML, kita akan lebih banyak belajar pada bagian BODY seperti tag-tag untuk heading, paragraf, tabel, link, images, form, list dan lain sebagainya.
eberapa tag dasar yang digunakan dalam dokumen HTML adalah heading, paragraf, link, dan image.
Heading
Tag heading umumnya digunakan untuk membuat header / pada halaman website. Tag untuk heading terdiri dari tag <h1> sampai dengan tag <h6>. Sebagai contoh heading pada HTML silahkan coba kode HTML berikut ini :
01
<html>
02
<head>
03
<title>Contoh Heading</title>
04
</head>
05
<body>
06
<h1>Ini heading 1</h1>
07
<h2>Ini heading 2</h2>
08
<h3>Ini heading 3</h3>
09
<h4>Ini heading 4</h4>
10
<h5>Ini heading 5</h5>

11
<h6>Ini heading 6</h6>
12
</body>

13
</html>
Paragraf
Untuk membuat teks dalam sebuah paragraf pada dokumen HTML digunakan tag <p> yang merupakan tag pembuka dan diakhiri dengan tag penutup </p> Sebagai contoh membuat paragraf pada HTML, silahkan coba contoh kode HTML berikut ini :
1
<html>
2
<head>
3
<title>Contoh Paragraf</title>
4
</head>
5
<body>
6
<p>Ini merupakan sebuah contoh paragraf dalam HTML.</p>
7
<p>Dan ini merupakan contoh paragraf yang lainnya. Sebuah paragraf dapat terdiri dari satu atau beberapa kalimat.</p>
8
</body>
9
</html>

Link
Hyperlink atau link (tautan) adalah sebuah teks atau gambar yang jika di klik akan membuat browser membuka halaman HTML lain. Jika sebuah link ditunjuk dengan mouse, biasanya kursor akan berubah menjadi bentuk menyerupai tangan kecil. Untuk membuat link digunakan tag <a>. Sebagai contoh link silahkan coba kode HTML berikut ini :
1
<html>
2
<head>
3
<title>Contoh Link</title>
4
</head>
5
<body>
6
<a href="http://smk-kedungkendo.blogspot.com">Ini contoh link</a>

7
</body>
8
</html>
Image
Seperti dijelaskan sebelum, dokumen HTML selain bisa menampilkan teks bisa juga untuk menampilkan gambar/foto/images. Untuk menampilkan image digunakan tag <img>.
1
<html>
2
<head>
3
<title>Contoh Image</title>
4
</head>
5
<body>
6
<img src="fotoku.jpg" />
7
</body>
8
</html>
Catatan : Untuk contoh kode HTML tentang image diatas, anda harus menyediakan sebuah gambar bernama “fotoku.jpg” di folder yang sama dimana anda menyimpan kode HTML tersebut.