ELEMEN HTML
Ingat petunjuk penting ini:
Dokumen HTML adalah file teks yang terdiri dari elemen HTML. Nah, elemen HTML itu didefinisikan menggunakan apa yang disebut dengan tag HTML.
Ingat, elemen HTML didefinisikan dengan tag HTML. Apa yang dimaksud dengan tag HTML? Nah, berikut poin-poin yang akan membantu kamu mengingat dan memahami pengertian Tag HTML:
Ingat contoh HTML di tutorial sebelumnya kan:
Ini adalah elemen HTML:
Berikut penjelasan tentang Elemen HTML tersebut:
Nah, ini juga elemen HTML:
Elemen HTML ini dimulai dengan tag pembuka <body>, dan berakhir dengan tag penutup </body>
Fungsi dari tag <body> adalah untuk mendefiniskkan elemen HTML yang berisi badan (isi) dari dokumen HTML.
Mengapa kita menggunakan tag dalam huruf kecil?
Kita sudah membahas sebelumnya bahwa tag HTML tidak case sensitif: <B> memiliki arti yang sama dengan <b>. Kalau kamu lagi surfing web, kamu akan melihat bahwa banyak situs web menggunakan tag HTML dalam huruf besar dalam source codenya. Tapi dalam contoh di atas, kita menggunakan huruf kecil. Tahu kenapa?
Ok, kamu baru aja belajar tentang elemen HTML. Dan mustinya saat ini kamu udah mulai terbiasa dengan istilah tag. Kalau belum biasakan diri kamu dengan istilah ini, karena dalam proses belajar HTML, kamu kudu familiar dengan kata tag. Lha wong HTML itu ya tag-tag itu ko.
Dokumen HTML adalah file teks yang terdiri dari elemen HTML. Nah, elemen HTML itu didefinisikan menggunakan apa yang disebut dengan tag HTML.
Ingat, elemen HTML didefinisikan dengan tag HTML. Apa yang dimaksud dengan tag HTML? Nah, berikut poin-poin yang akan membantu kamu mengingat dan memahami pengertian Tag HTML:
- Tag HTML digunakan untuk menandai (mark-up) elemen HTML
- Tag HTML berada di antara dua karakter penanda berikut < dan >
- Karakter penanda itu disebut dengan tanda kurung siku
- Tag HTML umumnya selalu berpasangan seperti <b> dan </b>
- Tag pertama adalah tag pembuka, dan tag kedua adalah tag penutup
- Teks di antara kedua tag tersebut disebut isi elemen
- Tag HTML tidak bersifat case sensitif, <b> memiliki arti yang sama dengan <B>
Ingat contoh HTML di tutorial sebelumnya kan:
1
2
3
4
5
6
7
8
| <html><head><title>Judul Halaman</title></head><body>Ini halaman pertama saya. <b>Teks ini ditebalkan</b></body></html> |
1
| <b>Teks ini ditebalkan</b> |
- Elemen HTML ini dimulai dengan tag pembuka: <b>
- Isi dari elemen HTML adalah: Teks ini ditebalkan
- Elemen HTML diakhiri dengan tag penutup: </b>
Nah, ini juga elemen HTML:
1
2
3
| <body>Ini adalah halaman pertama saya. <b>Teks ini ditebalkan</b></body> |
Fungsi dari tag <body> adalah untuk mendefiniskkan elemen HTML yang berisi badan (isi) dari dokumen HTML.
Mengapa kita menggunakan tag dalam huruf kecil?
Kita sudah membahas sebelumnya bahwa tag HTML tidak case sensitif: <B> memiliki arti yang sama dengan <b>. Kalau kamu lagi surfing web, kamu akan melihat bahwa banyak situs web menggunakan tag HTML dalam huruf besar dalam source codenya. Tapi dalam contoh di atas, kita menggunakan huruf kecil. Tahu kenapa?
Try This: 4 Langkah Mudah Belajar Cara Membuat Website, Langsung Praktek! KLIK DI SINI!.
Kalau kamu mengikuti standar web terbaru, kamu harus selalu
menggunakan tag dalam huruf besar. World Wide Web Consortium (W3C)
merekomendasikan penggunaan huruf kecil dalam rekomendasi HTML 4 mereka,
dan XHTML (generasi berikutnya dari HTML) memerlukan tag dalam huruf
kecil.Ok, kamu baru aja belajar tentang elemen HTML. Dan mustinya saat ini kamu udah mulai terbiasa dengan istilah tag. Kalau belum biasakan diri kamu dengan istilah ini, karena dalam proses belajar HTML, kamu kudu familiar dengan kata tag. Lha wong HTML itu ya tag-tag itu ko.
Tag :
ELEMEN HTML,
Pengenalan HTML
Belajar HTML merupakan proses pertama yang umumnya dilakukan oleh
para web programer. Nah setelah selesai dengan belajar HTML, maka kamu
akan memiliki kemampuan untuk membuat halaman web statis. Berikutnya
kamu pasti pengen bisa bikin halaman web yang memiliki kemampuan untuk
berinteraksi dengan pengunjung secara lebih intens. Waktu itulah kamu
perlu mulai belajar PHP. Setelah belajar PHP maka kamu bisa melanjutkan dengan belajar MySQL untuk menambah kemampuan PHP kamu.
Saya bisa dengan singkat menjelaskan seperti ini.
HTML diperlukan terutama untuk membuat tampilan web, PHP untuk menambah kemampuan interaksi dengan pengunjung dan kemampuan menyimpan data akan disupport oleh MySQL. Lengkap sudah semuanya. Namun tentu saja web programming tidak hanya sebatas itu. Selain belajar HTML, PHP dan MySQL, tentu saja kamu dapat mempelajari juga bahasa script lain yang akan lebih memperindah tampilan web kamu dan mempermudah proses desain web kamu seperti CSS dan Javascript. Kamu juga mungkin akan perlu menambah ketrampilan kamu dalam membuat desain web dangan berbagai aplikasi pembuat web seperti Dreamweaver dan FrontPage serta belajar aplikasi pengolah gambar seperti Fireworks dan Adobe.
Tetapi untuk saat ini kita akan konsentrasi ke materi belajar HTML yang menjadi dasar semua pemrograman web.
Perlu saya sampaikan di sini bahwa meskipun kamu sudah menguasai berbagai aplikasi yang mempermudah desain web, tetapi walau bagaimanapun pada akhirnya kamu tetap akan memerlukan kemampuan untuk melakukan pemrograman hands on alias manual untuk melakukan berbagai tuning dalam program kamu.
Oh ya, sebelum saya lupa, saya perlu sampaikan bahwa tutorial belajar HTML ini hanya salah satu dari puluhan tutorial lain tentang HTML yang ada di prothelon. Saran saya, silakan lihat dulu daftar tutorial HTML ini dan pelajari tutorial-tutorial tersebut secara berurutan untuk mendapatkan hasil yang maksimal.
Siap? OK, kita akan mulai belajar HTML.
Pengenalan HTML
Apa yang dimaksud dengan file HTML?
- HTML merupakan kependekan dari Hyper Text markup Language
- Sebuah file HTML merupakan sebuah file teks yang berisi tag-tag markup
- Tag markup memberitahukan browser bagaimana harus menampilkan sebuah halaman
- File HTML harus memiliki ekstensi htm atau html
- File HTML dapat dibuat menggunakan editor teks yang biasa kamu pakai.
Pengen Nyoba Bikin?
Mulailah dengan membuka Notepad (di Windows XP bagi yang belum pernah klik Start, Program, Accessories, Notepad).
Ketikkan teks berikut:
Simpan dengan nama “halamanku.htm” (jangan lupa tambahkan tanda kutip
ganda pada nama filenya. Kalau lupa maka nama filenya akan menggunakan
ekstensi default .txt sehingga menjadi halamanku.htm.txt).
Buka Browser kamu (misalnya internet explorer). Kilk File, Open, Browse dan pilih cari file halamanku.htm yang tadi kamu bikin. Klik OK, dan browser akan menampilkan halaman yang tadi kamu buat.
Gampang kan? Atau masih bingung? Ok, kita akan melihat penjelasan dari contoh di atas.
. Mudah-mudahan.
Sekarang kita akan lihat mengenai ekstensionnya. Sebagaimana sudah disampaikan di awal, kita bisa membuat file HTML dengan 2 ekstension yaitu .htm dan .html. Nah ekstension .htm ditujukan untuk operating sistem jaman dulu yang hanya mensupport ekstensi 3 huruf. Sedangkan ekstensi .html akan lebih aman digunakan jika OS dan aplikasinya support karena lebih jelas menunjukkan bahwa ini adalah file HTML.
Sebagai catatan, setiap kamu melakukan perubahan pada file HTML kamu, maka kamu harus me refresh browser untuk melihat perubahan tampilannya.
Saya bisa dengan singkat menjelaskan seperti ini.
HTML diperlukan terutama untuk membuat tampilan web, PHP untuk menambah kemampuan interaksi dengan pengunjung dan kemampuan menyimpan data akan disupport oleh MySQL. Lengkap sudah semuanya. Namun tentu saja web programming tidak hanya sebatas itu. Selain belajar HTML, PHP dan MySQL, tentu saja kamu dapat mempelajari juga bahasa script lain yang akan lebih memperindah tampilan web kamu dan mempermudah proses desain web kamu seperti CSS dan Javascript. Kamu juga mungkin akan perlu menambah ketrampilan kamu dalam membuat desain web dangan berbagai aplikasi pembuat web seperti Dreamweaver dan FrontPage serta belajar aplikasi pengolah gambar seperti Fireworks dan Adobe.
Tetapi untuk saat ini kita akan konsentrasi ke materi belajar HTML yang menjadi dasar semua pemrograman web.
Perlu saya sampaikan di sini bahwa meskipun kamu sudah menguasai berbagai aplikasi yang mempermudah desain web, tetapi walau bagaimanapun pada akhirnya kamu tetap akan memerlukan kemampuan untuk melakukan pemrograman hands on alias manual untuk melakukan berbagai tuning dalam program kamu.
Oh ya, sebelum saya lupa, saya perlu sampaikan bahwa tutorial belajar HTML ini hanya salah satu dari puluhan tutorial lain tentang HTML yang ada di prothelon. Saran saya, silakan lihat dulu daftar tutorial HTML ini dan pelajari tutorial-tutorial tersebut secara berurutan untuk mendapatkan hasil yang maksimal.
Siap? OK, kita akan mulai belajar HTML.
Pengenalan HTML
Apa yang dimaksud dengan file HTML?
- HTML merupakan kependekan dari Hyper Text markup Language
- Sebuah file HTML merupakan sebuah file teks yang berisi tag-tag markup
- Tag markup memberitahukan browser bagaimana harus menampilkan sebuah halaman
- File HTML harus memiliki ekstensi htm atau html
- File HTML dapat dibuat menggunakan editor teks yang biasa kamu pakai.
Pengen Nyoba Bikin?
Mulailah dengan membuka Notepad (di Windows XP bagi yang belum pernah klik Start, Program, Accessories, Notepad).
Ketikkan teks berikut:
1
2
3
4
5
6
7
8
| <html><head><title>Judul Halaman</title></head><body>Ini halaman pertama saya. <b>Teks ini ditebalkan</b></body></html> |
Buka Browser kamu (misalnya internet explorer). Kilk File, Open, Browse dan pilih cari file halamanku.htm yang tadi kamu bikin. Klik OK, dan browser akan menampilkan halaman yang tadi kamu buat.
Gampang kan? Atau masih bingung? Ok, kita akan melihat penjelasan dari contoh di atas.
Try This: 4 Langkah Mudah Belajar Cara Membuat Website, Langsung Praktek! KLIK DI SINI!.
- Setiap tag diapit oleh tanda lebih kecil dan lebih besar. Kamu bisa melihat bahwa tag pertama adalah <html>. Tag HTML pada umumnya selalu memiliki pasangan yang memiliki tag sama dengan sedikit tambahan tanda garis miring “/”, dan kamu bisa melihat pasangan tag <html> di akhir script yaitu </html>.
- Tag <html> memberitahu browser bahwa inilah awal dari dokumen HTML. Tag pasangannya yaitu </html> menyatakan bahwa inilah akhir dari dokumen HTML.
- Teks di antara <head> dan </head> adalah teks informasi header. Informasi header ini tidak ditampilkan pada jendela browser.
- Teks di antara <title> adalah judul dokumen kamu. Judul ini akan ditampilkan di caption browser (lihat di bagian paling atas kanan dari browser kamu).
- Teks di antara tag <body> adalah teks yang akan ditampilkan pada jendela browser kamu.
- Dan terakhir, teks di antara <b> dan </b> akan ditampilkan dalam huruf tebal.
. Mudah-mudahan.Sekarang kita akan lihat mengenai ekstensionnya. Sebagaimana sudah disampaikan di awal, kita bisa membuat file HTML dengan 2 ekstension yaitu .htm dan .html. Nah ekstension .htm ditujukan untuk operating sistem jaman dulu yang hanya mensupport ekstensi 3 huruf. Sedangkan ekstensi .html akan lebih aman digunakan jika OS dan aplikasinya support karena lebih jelas menunjukkan bahwa ini adalah file HTML.
Sebagai catatan, setiap kamu melakukan perubahan pada file HTML kamu, maka kamu harus me refresh browser untuk melihat perubahan tampilannya.
Tag :
Pengenalan HTML,
Membuat daftar isi efek jquery Accordion keren dan otomatis
Daftar isi adalah daftar semua artikel posting yang ada dalam satu blog. Daftar isi otomatis ini juga sering disebut Sitemap.
Dengan kita membuat daftar isi blog keren otomatis tentunya hal ini
akan menimbulkan dampak yang positif pada blog kita karena pengunjung
pun akan lebih mudah untuk menelusuri semua halaman yang ada pada blog
kita dan akhirnya pengunjung pun akan jatuh hati pada blog kita dan
ingin terus balik lagi untuk mengunjungi blog kita, dan ini tentunya
akan berdampak baik terhadap promosi bisnis online yang kita jalankan.
Sebuah blog akan lebih profesional jika memiliki aksesoris yang lengkap. Salah satu komponen dasar tersebut adalah Daftar Isi tersebut, walaupun blogger sendiri sudah menyediakan widget berupa arsip blog yang mempunyai fungsi hampir sama dengan ini. Tapi banyak ahli seo berpendapat bahwa cara untuk mengoptimasi seo suatu halaman artikel adalah salah satunya dengan menghilangkan widget arsip blog yang dipasang. Karena dianggapnya mesin pencari tidak suka dengan adanya 2 link atau lebih pada suatu halaman dengan tujuan yang sama. Jadi bagaimana mengantisipasinya? Ya... dengan membuat Daftar Isi atau Sitemap ini.
Daftar isi banyak sekali jenisnya tergantung dari kesukaan masing masing orang saja. Nah, kali ini saya akan posting bagaimana membuat daftar isi keren dan otomatis dengan efek jquery accordion. Klik Daftar Isi Blog ini untuk melihat contohnya.
Sebuah blog akan lebih profesional jika memiliki aksesoris yang lengkap. Salah satu komponen dasar tersebut adalah Daftar Isi tersebut, walaupun blogger sendiri sudah menyediakan widget berupa arsip blog yang mempunyai fungsi hampir sama dengan ini. Tapi banyak ahli seo berpendapat bahwa cara untuk mengoptimasi seo suatu halaman artikel adalah salah satunya dengan menghilangkan widget arsip blog yang dipasang. Karena dianggapnya mesin pencari tidak suka dengan adanya 2 link atau lebih pada suatu halaman dengan tujuan yang sama. Jadi bagaimana mengantisipasinya? Ya... dengan membuat Daftar Isi atau Sitemap ini.
Daftar isi banyak sekali jenisnya tergantung dari kesukaan masing masing orang saja. Nah, kali ini saya akan posting bagaimana membuat daftar isi keren dan otomatis dengan efek jquery accordion. Klik Daftar Isi Blog ini untuk melihat contohnya.
Berikut langkah langkah pembuatannya :
- Login Ke akun Blogger
- Klik Laman [Daftar Isi akan di buat di sebuah Halaman]
- Klik Laman Baru lalu pilih Laman Kosong [klik HTML]
- Copy paste Code di bawah ini :
<a href="http://www.blogger.com/blogger.g?blogID=6984301103846628017" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script><link href="http://reader-download.googlecode.com/svn/trunk/acc-toc-labelsort-default.css" media="screen" rel="stylesheet" type="text/css"></link>
<script type="text/javascript">
var showNew = true,
accToc = true,
openNewTab = true,
maxNew = 10,
baru = "Baru Niee !",
sDownSpeed = 600,
sUpSpeed = 600;
</script>
<script src="http://xtkj4community.blogspot.com/files/daftar-halaman.js" type="text/javascript"></script>
<script src="http://obatherbal-2u.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
Keterangan :
- baru = Tulisan yang akan ditampilkan di samping judul artikel baru
- maxNew = Jumlah Artikel yang akan terdapat tulisan "Baru Niee !"
- sDownSpeed = Kecepatan membuka daftar Label
- sUpSpeed = Kecepatan menutup daftar Label
- ganti url blog dengan urlt blog anda
Demikianlah artikel yang saya posting....semoga bermanfaat...
Tag :
web design,
