Sekilas Tentang HTML (Bagian 1)
HTML (HyperText Markup Language) adalah suatu cara untuk penandaan terhadap teks agar dihasilkan bentuk sedemikian rupa.Berkas HTML ditandai dengan ekstensi *.htm atau *.html. Untuk menadakan bahwa suatu berkas merupakan berkas HTML, maka isi dari berkas tersebut memiliki suatu penanda yaitu <HTML> dan selanjutnya akan terkandung penanda atau tag-tag lain seperti <HEAD>, <TITLE>, <BODY>, dan sebagainya.
Struktur HTML
Dalam pembuatan berkas HTML, harus mengacu pada struktur yang sudah ditentukan.Adapun struktur dasar dari suatu berkas HTML adalah sebagai berikut:
<HTML>
<HEAD>
</HEAD>
<BODY>
</BODY>
</HTML>
Setiap tag umumnya memiliki penutup tag, misalnya <HTML> akan ditutup dengan </HTML>, <BODY> akan ditutup dengan </BODY>, namun ada juga yang tidak memiliki tag penutup, tetapi langsung ditutup dengan sendirinya di akhir penulisan tag, misalnya tag <IMG> tidak memiliki penutup tag </IMG>, melainkan memiliki bentuk penulisan yang berbeda, seperti berikut ini:
<IMG src="gambar1.jpg" />
Tag lain yang sejenis dengan tag <IMG>, yaitu: <LINK> dan <META>.
Menyiapkan Aplikasi Editor
Untuk membuat berkas HTML, Anda hanya memerlukan suatu editor seperti Notepad atau Wordpad, namun saya lebih merekomendasikan Anda menggunakan editor Notepad++ yang bisa Anda unduh di: http://notepad-plus.sourceforge.net.
Setelah mengunduh, instalasikan “Notepad++” dengan menjalankan berkas “npp.x.x.x.installer.exe”. Anda cukup mengklik tombol “Next” saja, sampai proses instalasi selesai. Kemudian mengklik tombol “Finish”.
Dialog pemasangan Notepad++
Berikut ini tampilan aplikasi “Notepad++”.
Tampilan aplikasi Notepad++
Untuk membuat sebuah berkas baru dengan ekstensi *.php misalnya, Anda dapat melakukannya dengan mengklik menu File->New, kemudian tetapkan pengaturan bahasa pada “PHP”, dengan mengklik menu Language->P->PHP, seperti pada gambar berikut ini:
Mengeset format bahasa pemrograman pada PHP
Atribut Standard
Setiap tag memiliki atribut standard masing-masing yang berbeda maupun sama, satu sama lainnya. Misalnya untuk tag <IMG> memiliki atribut-atribut seperti: src, width, height, dan sebagainya.
Contoh:
Contoh:
<TABLE border="1" width="300" height="200" cellpadding="5" cellspacing="5">
Kegunaan atribut standar adalah untuk mengatur tampilan yang dihasilkan oleh tag tersebut. Untuk mengatur atribut, Anda bisa langsung mengaturnya pada saat mendeklarasikan tag, maupun dengan mendeklarasikan suatu teknik pencitraan dengan istilah CSS (Cascading Style Sheet). Penggunaan CSS bisa dilakukan dengan menuliskan secara langsung pada berkas HTML maupun menuliskannya pada sebuah berkas baru dengan ekstensi *.css yang selanjutnya akan dikoneksikan oleh dokumen. Sebagai contoh, buatlah sebuah folder baru di alamat D:\xampp\htdocs, namai folder dengan nama “coba-css”. Jalankan aplikasi editor (Notepad++).
0 komentar:
Posting Komentar