Thursday, 9 February 2012
Tutorial HTML
Tag Div dan Atributnya
DIV adalah tag HTML yang sebenarnya tidak berguna apapun juga, selain untuk memberikan tanda batas suatu daerah dari sebuah rangkaian html (bisa berupa tulisan, gambar, atau kode lainnya).
Sebagai contoh :
<DIV> Klikbelajar.com </DIV>
Tag diatas akan menghasilkan tampilan sebagai berikut :
Klikbelajar.com
Hasil ini tidak berbeda sama sekali jika dibandingkan dengan tulisan yang tidak diberikan tag DIV. Tetapi akan sangat berbeda apabila tag DIV digabungkan dengan elemen CSS yang berguna untuk memberikan gaya tampilan dari dokumen HTML yang kita buat.
ALIGN
Sama seperti atribut ALIGN pada tag yang lain, atribut ini berguna untuk menentukan rataan tepi dari tulisan yang terdapat dalam tag DIV.
Terdapat empat pilihan jenis perataan tepian dari atribut ini, yaitu :
1.LEFT
2.CENTER
3.RIGHT
4.JUSTIFY
Contoh I :
<DIV ALIGN=LEFT> Selamat datang ! Redaksi KlikBelajar.com menyajikan berbagai hal yang menarik seputar dunia pendidikan, tutorial, ujian, dan segala sesuatu yang berhubungan dengan kegiatan belajar. Dari mulai ujian CPNS sampai resep masakan akan tersaji disini karena kami berprinsip 'All You Can Learn'. Menu utama kami adalah Ujian Online. Ujian Online mirip seperti TryOut yang digelar di sekolah namun bedanya, Ujian Online ini dapat dikerjakan dari mana saja dan kapan saja.</DIV>
Hasilnya :
Selamat datang ! Redaksi KlikBelajar.com menyajikan berbagai hal yang menarik seputar dunia pendidikan, tutorial, ujian, dan segala sesuatu yang berhubungan dengan kegiatan belajar. Dari mulai ujian CPNS sampai resep masakan akan tersaji disini karena kami berprinsip 'All You Can Learn'. Menu utama kami adalah Ujian Online. Ujian Online mirip seperti TryOut yang digelar di sekolah namun bedanya, Ujian Online ini dapat dikerjakan dari mana saja dan kapan saja.
Contoh II :
<DIV ALIGN=RIGHT> Selamat datang ! Redaksi KlikBelajar.com menyajikan berbagai hal yang menarik seputar dunia pendidikan, tutorial, ujian, dan segala sesuatu yang berhubungan dengan kegiatan belajar. Dari mulai ujian CPNS sampai resep masakan akan tersaji disini karena kami berprinsip 'All You Can Learn'. Menu utama kami adalah Ujian Online. Ujian Online mirip seperti TryOut yang digelar di sekolah namun bedanya, Ujian Online ini dapat dikerjakan dari mana saja dan kapan saja.</DIV>
Hasilnya :
Selamat datang ! Redaksi KlikBelajar.com menyajikan berbagai hal yang menarik seputar dunia pendidikan, tutorial, ujian, dan segala sesuatu yang berhubungan dengan kegiatan belajar. Dari mulai ujian CPNS sampai resep masakan akan tersaji disini karena kami berprinsip 'All You Can Learn'. Menu utama kami adalah Ujian Online. Ujian Online mirip seperti TryOut yang digelar di sekolah namun bedanya, Ujian Online ini dapat dikerjakan dari mana saja dan kapan saja.
Contoh III :
<DIV ALIGN=CENTER> Selamat datang ! Redaksi KlikBelajar.com menyajikan berbagai hal yang menarik seputar dunia pendidikan, tutorial, ujian, dan segala sesuatu yang berhubungan dengan kegiatan belajar. Dari mulai ujian CPNS sampai resep masakan akan tersaji disini karena kami berprinsip 'All You Can Learn'. Menu utama kami adalah Ujian Online. Ujian Online mirip seperti TryOut yang digelar di sekolah namun bedanya, Ujian Online ini dapat dikerjakan dari mana saja dan kapan saja.</DIV>
Hasilnya :
Selamat datang ! Redaksi KlikBelajar.com menyajikan berbagai hal yang menarik seputar dunia pendidikan, tutorial, ujian, dan segala sesuatu yang berhubungan dengan kegiatan belajar. Dari mulai ujian CPNS sampai resep masakan akan tersaji disini karena kami berprinsip 'All You Can Learn'. Menu utama kami adalah Ujian Online. Ujian Online mirip seperti TryOut yang digelar di sekolah namun bedanya, Ujian Online ini dapat dikerjakan dari mana saja dan kapan saja.
Contoh IV :
<DIV ALIGN=JUSTIFY> Selamat datang ! Redaksi KlikBelajar.com menyajikan berbagai hal yang menarik seputar dunia pendidikan, tutorial, ujian, dan segala sesuatu yang berhubungan dengan kegiatan belajar. Dari mulai ujian CPNS sampai resep masakan akan tersaji disini karena kami berprinsip 'All You Can Learn'. Menu utama kami adalah Ujian Online. Ujian Online mirip seperti TryOut yang digelar di sekolah namun bedanya, Ujian Online ini dapat dikerjakan dari mana saja dan kapan saja.</DIV>
Hasilnya :
Selamat datang ! Redaksi KlikBelajar.com menyajikan berbagai hal yang menarik seputar dunia pendidikan, tutorial, ujian, dan segala sesuatu yang berhubungan dengan kegiatan belajar. Dari mulai ujian CPNS sampai resep masakan akan tersaji disini karena kami berprinsip 'All You Can Learn'. Menu utama kami adalah Ujian Online. Ujian Online mirip seperti TryOut yang digelar di sekolah namun bedanya, Ujian Online ini dapat dikerjakan dari mana saja dan kapan saja.