Pengenalan HTML
Tutorial mengenal HTML
Assalamu’alaikum wr wb
Ane membuat tutorial
ini hanya semata-mata untuk pembelajaran kita semua yang masih belom tahu HTML
itu apa sihh??. Nah disini ane akan jelasin apa itu HTML dan bahasanya juga
beserta contoh- contohnye. :D langsung aje ye..
A.
Pengenalan HTML
Internet
merupakan jaringan global yang menghubungkan suatu network dengn network
lainnya di seluruh dunia.TCP/IP menjadi sebuah protocol penghubungnya. WWW
(world wide web) merupakm bagian dari internet yang paling cepat berkembang dan
paling popular.
WWW
bekerja berdasarkan pada 3 mekanisme :
1.
HTTP ( hypertext transfer protocol )
adalah protocol untuk WWW
2.
Address www memiliki aturan penamaan alamat web yaitu URL
(Uniform Resource Locator).
3.
HTML digunakan untuk membuat document yg
bias di akses melalui web.
·
HTML
Hypertext Markup Language merupakan
standard bahasa yg digunakan untuk menampilkan document web, yg bisa ente
lakukan dengan HTML yaitu:
- Mengontrol tampilan dari web page dan contentnya
- Mempublikasikan document secara online
- Membuat online form
- Menambahkan objek” seperti image, audio ,dll
HTML
sendiri bukan tergolong bahasa pemrograman karena sifatnya yang hanya
memberikan tanda pada suatu naskah teks dan bukan sebagai program, penulisan
tag HTML tidak case sensitive.
Oiya
ane lupa bilang di atas, kalo software yang digunakan untuk membuat document
HTML hanya menggunakan Notepad, notepad++ , netbeans, adobe dreamweaver, dan
ms. Fontpage. Nah, untuk yang sering digunakan yaitu menggunakan notepad
maupun notepad++.
Oiya lupa lagi nih ane, heheheh.. kalo bahasa
html biasanya pas memulai diawali dengan <html> dan akhiri dengan
</html>. Jadi saat kita mengakhiri selalu menggunakan lambing < /
>.
Coba
ente ikutin membuat contoh HTML di lepi atau di kompi masing” ye…. Ini ane
kasih contohnye.. silahkan mencobaa!!!!!!
Contoh1 :
Setelah ente ketik
simpan dengan nama contoh01.html (nama filenya sih terserah yang penting
formatnya .html) setelah itu. Klik 2 kali untuk melihat hasil code tersebut.
Output dari code diatas
adalah sbb:
KAMI SEDANG BELAJAR HTML
Contoh2:
Pengaturan paragrafh
Contoh3:
Penggunaan break
<br>
Contoh4:
Penggunaan Horizontal
Rule <hr>
Contoh5: penggunaan bg
color
Note: untuk ganti
warnanya bebas, asalkan warnanya menggunakan bahasa inggris ya. heheheh
Contoh6: penggunaan
font/text
Contoh7: penggunaan
heading
Contoh8 : pengaturan
ukuran font
Contoh9 : penggunaan
list
Contoh10 :
Pengunaan file gambar
Nah, disini imagenya
bisa diganti apa ajah. Kalo ane kan pake gambar “jalu.jpg” karena ane ambil
image itu dari kompi ane. Heheh jadi imagenya ganti aje sama file image yang
ada di kompi ente” semua. Asalkan nama file yg buat dicantumkan di notepad sama
dengan nma file image yg ada di kompi ente… okehhhh
Contoh 11 :
Penggunaan file gambar
dengan beda direktori
Jadi, code HTML yang
seperti di atas yaitu code untuk mencari file gambar tersebut yang berada di
dua folder.. nah, buat imagenya sendiri ente ganti aje ye.. soalnye kalo ente
ikutin yg di contoh g bakalan keluar outputnya. Karena file gambar tersebut g
ada di kompi atau di lepi ente… heheheheh..
Oy sampe disini dulu
ye, nanti kita lanjutin lagi pengenalan HTML di session berikutnya…. Maaf maaf
kata bila ane memberi toturialnye kurang jelas dan kurang lengkap.. karena ane
hanya manusia biasa yg masih penuh dengan kesalahan”.. kritik dan saran bisa
ente hubungin ke nomer ane… heheheheh
Oy ane menganbil
referensi dari buku modul pemrograman web1 unindra tahun 2012 berserta ane
ambil sedikit dari mbah google..
_Terima
kasih_
To be continous.. J J
J
J
J
Created by Anak dari
Betawi
Komentar
Posting Komentar