Belajar HTML dasar
a. Pengertian HTMLHTML singkatan dari Hyper Text Markup Language. HTML bukan suatu bahasa pemrograman tetapi sebuah bahasa dalam bentuk text yang dapat digunakan untuk menyusun tulisan, gambar, suara, film dan banyak lagi informasi yang bisa ditampilkan.
b. Yang di perlukan dalam praktek
Gunakan Notepad untuk mengetik Text dan Internet Explorer untuk menampilkan halaman WEB kita.Kalau kita menginstall windows dua program ini sudah pasti tersedia.Anda juga dapat menggu nakan program-program yang lain untuk membuat HTML seperti Front Page, Microsoft Word, Dos Edit, Mac SimpleText, Unix,
c. Tag dasar HTML
dalam penulisannya diawali dengan tag pembuka "<…>" dan diakhiri dengan tag penutup "</…>".
Untuk membuktikannya bisa dengan melihat kode sumber (source code) dari suatu halaman website. Caranya adalah dengan membuka salah satu website kemudian bagi yang menggunakan browser Firefox, Google Chrome atau Opera tekan Ctrl+U, untuk Safari tekan Ctrl+Alt+U sedangkan untuk Internet Explorer tekan Alt, V kemudian C.<html> <head> </head> <body> </body> </html>
Dengan cara kalian masing-masing mulailah mencari ketiga tag diatas. Dengan melihat kode sumber kita juga bisa belajar tentang tag-tag apa saja yang ada di antara tag <head> maupun yang berada di antara tag <body>.
Pada bagian paling atas atau sebelum tag <html> mungkin anda akan melihat <!DOCTYPE bla… bla…>, ini disebut DOCTYPE deklarasi fungsinya adalah untuk menunjukkan tipe dokumen dan versi yang digunakan.
Walaupun kelihatannya agak rumit ketika kita melihat kode sumber tersebut tetapi kalau diperhatikan secara seksama bahwa rumus penulisan tag-tag html tersebut adalah sama.
<nama-elemen atribut>Konten</nama-elemen>Contoh:
Hasil:<p style="color:blue">p = nama-elemen, style = nama-atribut dancolor:blue = nilai-atribut</p>
p = nama-elemen, style = nama-atribut dan color:blue = nilai-atribut
Sebagai referensi untuk atribut-atribut HTML bisa di lihat di w3.org HTML AttributesElemen HTML tanpa atribut:
<nama-elemen>Konten</nama-elemen>Hasil:<p>Paragraf tanpa ada atribut</p>
Paragraf tanpa ada atribut
Elemen HTML bisa memiliki beberapa atribut dengan dibatasi oleh spasi:
<nama-elemen atribut1 atribut2>Konten</nama-elemen>Hasil:<p style="color:blue" title="paragraf">Paragraf dengan atribut style dan title- geser mouse ketulisan ini untuk melihat titelnya.</p>
Paragraf dengan atribut style dan title – geser mouse ke tulisan ini untuk melihat titelnya.
Sebagian dari elelen-elemen HTML ada yang tidak memerlukan tag penutup seperti contoh diatas. Contoh lainnya tag <img>, tag <img> digunakan untuk menampilkan gambar (image) di dalam dokumen HTML, Nah sekian pengenalan dari HTML ini. Pada posting berikutnya akan membahas lebih dalam mengenai HTML
Subscribe to:
Post Comments
(
Atom
)
No comments :
Post a Comment