Hyper Text Markup Language atau disingkat dengan HTML, dari kata markup (penandaan) mengindikasikan bahwa HTML bukan bahasa pemrograman. Simbol markup yang digunakan oleh HTML ditandai dengan tanda lebih kecil ( < ) dan tanda lebih besar ( > ) , dan disebut tag. Dengan tag-tag tersebut memerintahkan web browser untuk menjalankan perintah (sintax) yang ada didalamnya.
Software yang wajib ada :
1. Teks editor
Dengan software inilah kita akan memanipulasi tag-tag html (ber-coding). Adapun contoh software yaitu notepad (bawaan windows), notepad++, wordpad, MS. Word, dreamweaver,dll. Semuanya harus disimpan dalam ekstensi .html (dot html) atau .htm (dot htm). Tetapi lebih saya sarankan menggunakan notepad++ (http://notepad-plus.sourceforge.net/), karena lebih mudah dilihat (menggunakan warna-warna sesuai sintax), pada bagian sebelah kiri terdapat nomor-nomor yang menunjukkan baris.
2. Browser
Sedangkan software ini bertugas mengeksekusi tag-tag html yang telah kita buat dan kita simpan dalam format html. Dapat menggunakan Mozilla Firefox, Internet Explorer (bawaan windows), Google Chrome, dll.
Langsung saja kita mulai sharingnya. Pertama-tama kita buat folder bernama “belajar html” di local disk (D:) kemudian bukalah teks editor, barulah ikuti langkah-langkah dibawah ini. Dan perlu di ingat bahwa setiap tag html perlu adanya penutup tag contohnya :
<tag>
………..
………….
…………..…
</tag>
1. Template secara sederhana dalam tag-tag html, sebagai berikut :
Kemudian kita simpan dengan nama latihan1.html dalam folder “belajar html”. Kemudian bukalah file tersebut (dobel klik). Maka kurang lebih tampilan nya seperti berikut.
A. Tampilan dari tag <title>
B. Tampilan dari tag <body>
2. Mengganti warna background
Background dari web page dapat kita rubah dari warna putih menjadi warna yang lain dengan menambahkan attribut bgcolor dalam tag <body>
Simpan file dengan nama lat2.html kemudian buka file tersebut.
Selain warna BLUE (biru), terdapat 15 jenis warna lainnya yang bisa kita pilih secara langsung (dengan mengetikkan warna yang dimaksud), yaitu SILVER, GRAY, WHITE, MAROON, RED, PURPLE, FUCHSIA, GREEN, LIME, OLIVE, YELLOW, NAVY, TEAL, dan AQUA.
Selain warna diatas, kita juga dapat memilih warna kombinasi 6 karakter : 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e, dan f yang diawali karakter “#”
Contoh penggunaannya adalah <body bgcolor= “#ff0022”>
3. Mengganti background web page dengan gambar
Tetapi sebelumnya copy sebuah file gambar ke folder “belajar html” dan pada bagian tag <body> tambahkan attribut “background”.
Simpan dengan nama file lat3.html dan buka file tersebut.
Jika backgroundnya tidak berubah sesuai gambar yang kita pilih. Coba anda cek nama file gambar dan ekstensinya.
Download artikel selengkapnya
Tidak ada komentar:
Posting Komentar