tugas HTML
PENGANTAR HTML
MEMULAI HTML
HTML adalah bahasa yang sangat tepat dipakai untuk menampilkan informasi pada halaman Web karena HTML menampilkan informasi dalam bentuk hypertext dan juga mendukung sekumpulan perintah yang dapat digunakan untuk mengatur tampilnya informasi tersebut.
Sesuai dengan namanya, bahasa ini menggunakan tanda (markup) untuk menandai perintah-perintahnya. Saat ini banyak sekali aplikasi yang dapat digunakan untuk membuat Web Page secara mudah, seperti Microsoft FrontPage, Adobe Golive dan lainnya. Namun demikian untuk seorang Web Developer harus memiliki kemampuan dasar menguasi perintah HTML
Untuk dapat menggunakan HTML, Anda membutuhkan beberapa hal, diantaranya adalah:
Anda memerlukan teks editor untuk mengetikkan HTML Anda. Klik Start | Program kemudian Accessories lalu pilih Notepad Anda membutuhkan sebuah web browser untuk mempublikasikan HTML Anda. Anda dapat menggunakan Microsoft Internet Explorer. Anda membutuhkan tempat penyimpanan. Gunakan hard disk, floppy disk, atau web server. Anda tidak harus bekerja online dengan internet, Anda dapat menulis HTML kemudian menggunakan web browser secara offline di komputer.
Struktur Dokumen HTML
Di bawah ini adalah struktur dari dokumen HTML , buka Notepad kemudian ketikkan teks di bawah ini: <HTML> <HEAD> <TITLE>contoh1.htm</TITLE> </HEAD> <BODY> Kepala atau kop dokumen <p> Isi dokumen </BODY> </HTML>
Setelah selesai klik menu "File" menu dan pilih "Save As" . Akan muncul kotak Save yang akan menyimpan dokumen Anda. Lalu ketikkan contoh1.htm . Pada kotak yang paling bawah Anda dapat melihat "Save file as Type" or "Save as Type". Defaultnya adalah .txt, jadi Anda harus mengubahnya ke All Files(*.*). Lalu Anda dapat mengklik Save.
Buka Microsoft Internet Explorer dengan mengklik Start, Program lalu pilih Internet Explorer. Internet Explorer akan terbuka lalu Anda dapat memilih menu File, Open lalu cari lokasi file di disket Anda.
Struktur di atas diapit oleh tag <HTML> dan </HTML> yang menandai awal dan akhir dari sebuah dokumen yang digunakan untuk menyisipkan informasi mengenai dokumen, misalkan versi, revisi dan sebagainya. Sedangkan bagian yang diapit oleh tag <TITLE> dan </TITLE> menunjukkan judul dari halaman web Anda.
Bagian kedua yang diapit <BODY> dan </BODY> berisi dokumen atau informasi yang hendak disajikan.
Headings
Heading digunakan untuk menampilkan nama bab atau bagian tertentu yang dianggap sebagai topik utama. Pada HTML terdapat enam level heading mulai dari tag <H1> sampai dengan <H6>. Anda juga dapat menggunakan tag untuk mengatur ukuran font, misalkan yang terbesar dengan <H1> atau membuatnya paling kecil dengan <H6> namun tag ini bukan digunakan untuk keperluan tersebut.
Mengatur Posisi Heading
Posisi heading pada dokumen HTML dapat Anda tentukan sendiri. Artinya teks yang berfungsi sebagai heading dapat Anda tempatkan di kiri, kanan, atau di tengah dalam dokumen.Untuk mengatur posisi heading, Anda dapat menggunakan atribut ALIGN pada tag heading. Nilai dari atribut ALIGN dapat diisi dengan salah satu nilai, left untuk perataan sebelah kiri, right untuk perataan sebelah kanan, atau center untuk menuliskannya tepat di tengah. Berikut ini adalah contoh penulisan atribut align pada tag heading: <HTML> <HEAD> <TITLE>contoh2.htm</TITLE> </HEAD> <BODY> <H1 Align="Left"> Heading rata kiri </H1><BR> <H2 Align="Right"> Heading rata kanan </H2><BR> <H4 Align="Center"> Heading rata tengah </H4> </BODY> </HTML>
Membuat Baris Baru
Line break <BR> adalah tag yang berfungsi untuk membuat baris baru pada dokumen HTML tag <BR> ini membuat baris baru tanpa memberi baris kosong.
Membuat Garis Horizontal
Horizontal Rule <HR> adalah tag tunggal yang berfungsi untuk membuat garis horizontal. Tag <HR> akan memberikan garis horizontal sepanjang baris kosong.