Pengenalan HTML
HTML adalah singkatan dari Hypertext Markup Languange yang
merupakan bahasa standar untuk menampilkan dokumen web. Dengan HTML anda
dapat mengontrol tampilan halaman web beserta kontennya, membuat suatu
dokumen online yang bisa diakses di seluruh dunia, membuat form online
yang biasanya digunakan untuk menangani pendaftaran ataupun transaksi
secara online, dan masih banyak lagi yang dapat dilakukan dengan HTML.
HTML merupakan dasar yang wajib dipelajari bagi seseorang yang akan
mendalami pemrograman web. Anda tidak dapat melangkah ke tahapan
selanjutnya tanpa mempelajari HTML minimal anda mengetahui dasar-dasar
HTML seperti struktur umum, tag-tag dasar seperti membuat paragraph,
heading, bullet, tabel, dan form. Anda tidak membutuhkan waktu yang lama
untuk mempelajari tag-tag tersebut dengan catatan anda tekun dalam
mempelajarinya. Katakanlah pada diri anda kalau dalam waktu kurang dari
satu bulan saya akan menaklukkan HTML. Mulailan belajar html mulai dari
sekarang, dan berikan target pada diri anda bahwa dalam sekian hari
kedepan saya sudah mengetahui HTML.
File HTML berekstensi .html. Jika anda menyimpan dokumen HTML maka anda perlu memberikan ekstensi .html misalnya: index.html
Struktur HTML
HTML mempunyai standarisasi penulisan secara umum yang harus anda
taati, memang dengan struktur HTML yang salah dokumen masih dapat
ditampilkan dalam browser (software untuk menerjemahkan tag-tag HTML)
namun hasilnya tidak akan maksimal, tentunya anda menginginkan tampilan
yang disenangi oleh mesin (mesin pencari) plus disenangi oleh manusia
(pengunjung web). Berikut ini adalah struktur umum dalam HTML :
 |
Tag diatas merupakan struktur HTML 4, untuk mendukung HTML5 maka pada
tag pembuka html anda ubah menjadi <!DOCTYPE html> sehingga
menjadi seperti berikut ini :
Tag <html> merupakan tag inti HTML, Tag <head>
berfungsi untuk menampilkan informasi-informasi halaman web seperti
<title>, <meta> dan pemanggilan script external seperti css.
Tag <title> berfungsi untuk menampilkan judul
halaman pada tab browser. Kemudian tag <body> berfungsi untuk
menampilkan output pada browser. Dalam tag <body> inilah kita
menempatkan konten dari halaman web.
Yang harus anda ingat dalam HTML bahwa setiap anda membuka tag maka
anda pun harus menutupnya. Contohnya jika anda membuka tag <title>
maka anda harus menutupnya dengan tag </title> misalnya: <title> Ini adalah halaman web pertamaku </title> . Contoh lainnya <h1>Heading 1</h1>, Apa
yang akan terjadi jika anda tidak menutup tag heading (<h1>) ini?
Akibatnya adalah seluruh konten yang ada dibawahnya akan terkena
dampaknya. Perhatikan contoh sederhana berikut:
 |
Untuk mencoba tag diatas, tuliskan pada teks editor (Saya anjurkan anda memakai Sublime Text) kemudian simpan dengan ekstensi .html misalkan index.html dan buka, maka anda akan melihat tulisan tebal bertuliskan Saya berada dalam tag heading 1! Dan pada tab browser anda akan melihat tulisan Pelajaran Pertamaku.
Sumber : http://abdrahmatika.com
Tidak ada komentar:
Posting Komentar