Ads


Monday, June 20, 2016

Pengenalan Tag Tag Dasar HTML

Seperti pada ilmu ilmu lainnya, setiap bahasa pasti memiliki sintak dasar dan itu merupakan pondasi dari sebuah rangkaian yang powerful, begitupun dengan html ini, ia memiliki tag dasar, setiap tag html terdiri dari sebuah tanda < nama tag > dan diakhiri dengan </nama tag> . dan itu merupakan sebuah keharusan, sehingga terkadang belajar html itu seperti secara tidak langsung mengajari kita bahwa apa yang dimulai itu harus diselesaikan dengan penutup.. ya begitulah, sehingga kita bisa memulai pekerjaan yang lainnya, atau membuat aktifitas baru.



sedangkan sebuah dokumen html itu memiliki tag tag dasar / bisa dibilang kerangka / pondasi dan itu merupakan wajib dan tidak dapat dihilangkan jika ingin dokumen htmlnya berjalan dengan benar.

berikut merupakan kerangka dasarnya

<html>

<head>

<title>... </title>

</head>

<body>

...

...

</body>

</html>



dari kode diatas kamu bisa ngliat, bahwa setiap dokumen html itu memiliki tag html yang diakhiri dengan /html juga. Tag html tersebut mengidentifikasi bahwa dokumen yang dibuat merupakan sebuah dokumen html.

head merupakan tag yang berada didalam tag html ( analoginya seperti itu ) dimana tag head tersebut merupakan tag untuk menuliskan keterangan tentang dokumen web yang akan ditampilkan, atau biasanya digunakan untuk meletakkkan relasi css / javascript eksternal, atau juga untuk menempatkan css / javascript internal.

Apa sih itu CSS? CSS merupakan kependekan dari Cascading Style Sheets yaitu kode html untuk menciptakan suatu kumpulan style yang dapat digunakan untuk memperindah tampilan website dengan memaanipulasi kode html. Misalnya tag Heading 1 semuanya mau kita buat berwarna merah. Dengan CSS ini kita tidak perlu memberikan style tiap heading 1 yang kita buat, cukup buat kode css
h1 { color:green;} , maka semua tag heading 1 akan berwarna hijau / green.

menakjubkan bukan? kita tak perlu repot repot lagi menuliskan di tiap tag heading, jika mau merubah warna semua tag heading 1, mudah aja, tinggal ganti green menjadi warna lain yang di inginkan.. dan semua warna heading 1 pun akan berubah. nah itu sekilas aja ya... kalau ingin tau lebih lanjut, bisa di search di google.

Nah kalau Javascript lebih ke sebuah engine interaksi, dan itu tidak akan dibahas disini... okey, kita fokus ke html dolo...

selanjutnya adalah tag title, tag ini merupakan tag yang berada didalam head. tag ini berfungsi untuk menuliskan judul halaman/ dokumen html, yang akan muncul pada caption halaman browser jika halaman html tersebut diakses.

selanjutnya tag body, nah tag ini sudah terpisah dengan tag head.. berarti tag body ini tidak merupakan tag yang ada didalam head lho ya... alias terpisah, tetapi sama sama berada dalam tag html.
Tag body merupakan section utama dalam dokumen web, pada section inilah semua isi dokumen yang akan ditampilkan didalam browser di tuliskan.

nah itulah kerangka dasar / tag tag dasar html ( pondasi yang wajib anda ketahui ) sebelum lanjut ke tahap selanjutnya.






0 comments:

Post a Comment

Copyright © 2015 | 2016 Genbisoft All Right Reserved
Website Management by GenBisoft.com