Rabu, 19 Maret 2014
1.
Pengenalan
HTML
a.
World
Wide Web
Internet
merupakan
jaringan global yang menghubungkan suatu network dengan network lainya di
seluruh dunia, TCP/IP menjadi protocol
penghubung antara jaringan-jaringan yang beragam di seluruh dunia untuk dapat berkomunikasi.
World
Wide Web (WWW) merupakan bagian dari internet yang paling cepat berkembang dan
paling populer.
WWW
bekerja merdasarkan pada tiga mekanisme berikut:
§ Protocol
standard aturan yang di gunakan untuk berkomunikasi pada komputer networking,
Hypertext Transfer Protocol (HTTP) adalah protocol untuk WWW.
§ Address
WWW memiliki aturan penamaan alamat web yaitu URL(Uniform Resource Locator)
yang di gunakan sebagai standard alamat internet.
§ HTML digunakan untuk membuat document yang bisa di
akses melalui web.
b.
Pengenalan
HTML
Hypertext
Markup Language merupkan standard bahasa yang digunakan untuk menampilkan
document web, yang bisa anda lakukan dengan HTML yaitu :
§ Mengontrol
tampilan dari web page dan contentnya.
§ Mempublikasikan
document secara online sehingga bisa di akses dari seluruh dunia.
§ Membuat
online form yang bisa di gunakan untuk menangani pendaftaran, transaksi secara
online.
§ Menambahkan
object-object seperti image, audi, video
dan juga java applet dalam document HTML.
c.
Browser
dan Editor
1)
Browser
Browser merupakan software yang di install di mesin
client yang berfungsi untuk menterjemahkan tag-tag HTML menjadi halaman web.
Browser yang sering di gunakan biasanya Internet
Explorer, Mozilla Firefox, Google Chrome, Opera, Safari, Netscape Navigator dan
masih banyak yang lainya.
2)
Editor
Program yang di gunakan untuk membuat document HTML, ada
banyak HTML editor yang bisa anda gunakan diantaranya: Notepad, Notepad++,
Netbeans, Ms.FrontPage, dan Adobe Dreamweaver.
Untuk yang sering kita gunakan Notepad atau Notepad++.
d.
Tag
HTML dan Penulisan HTML
HTML
(HyperText Mark up Language) merupakan suatu metoda untuk mengimplementasikan
konsep hypertext dalam suatu naskah atau dokumen. HTML sendiri bukan tergolong
pada suatu bahasa pemrograman karena sifatnya yang hanya memberikan tanda
(marking up) pada suatu naskah teks dan bukan sebagai program, penulisan tag
HTML tidak case sensitive.
e.
Mewarnai
latar / Memberi warna background, memberi warna font dan mengatur
besar-kecilnya font.
Contoh Kelima
Penggunaan
bgcolor
Untuk
value bgcolor bisa menggunakan dengan warna langsung seperti
Red,
Green, Blue, Yellow, Brown, Grey dan lain sebagainya.
Dan
bisa juga dengan Hexa decimal.
|
Warna Dengan Text
|
Hexadecimal color
|
|
Putih
/ White
|
#FFFFFF
|
|
Hitam
/ Black
|
#000000
|
|
Merah
/ Red
|
#FF0000
|
|
Hijau
/ Green
|
#00FF00
|
|
Biru
/ Blue
|
#0000FF
|
|
Kuning
/ Yellow
|
#FFFF00
|
|
Jingga
/ Pink
|
#FF00FF
|
|
Abu-abu
/ Grey
|
#C0C0C0
|
g.
Pemakaian
gambar.
Untuk
menggunakan file gambar yang akan kita sisipkan didalam Tag HTML, langkah awal
adalah copy kan file gambar tersebut dalam satu direktori atau folder project
web anda. Dan mesti anda ketahui, penggunaan gambar disini sangat case
sensitive dalam pemanggilan file gambar yang akan kita buat.
Tag
HTML-nya seperti berikut <IMG SRC=”NAMA
FILE GAMBAR”>
Nah
perlu dipahami juga ektension file gambar tersebut apakah .jpg .png .bmp .gif
misalkan kita mempunyai gambar bernama “TeknikInformatika”
dengan ektension gambarnya .jpg maka, tag HTML adalah seperti berikut
<IMG SRC=”TeknikInformatika.jpg”>
h.
Pembuatan
Hyperlink
Contoh Keduabelas
Hyperlink
Hyperlink
sebuah code Tag HTML untuk menghubungkan file yang satu dengan yang lain. Untuk
kasus disini kita belum mengisikan file yang ingin kita hubungkan.
Karena
<a href = ”#” > masih tertuju ke # jadi belum bias menghubungkan dan
menampilkan ya ada.
Untuk
itu lebih kalian coba isikan Tag <a href= “ ”> dengan file yang sudah
kalian buat dari contoh pertama hingga contoh kesebelas.
