Internet dan Web By : Lisda Juliana P.
Pengenalan HTML Hypertext Markup Language merupakan standard bahasa yang digunakan untuk menampilkan document web, yang bisa dipakai untuk : Mengontrol tampilan dari web page dan contentnya. Mempublikasikan document secara online sehingga bisa di akses Membuat online form yang bisa di gunakan untuk menangani pendaftaran, transaksi secara online. Menambahkan object-object seperti image, audio, video dan juga java applet dalam document HTML
Tag-tag HTML Command HTML biasanya disebut TAG, TAG digunakan untuk menentukan tampilan dari document HTML. Setiap document HTML di awali dan di akhiri dengan tag HTML
Struktur Dokumen HTML <HTML> <HEAD> <TITLE> berisi text yang akan muncul pada title bar browser </TITLE> </HEAD> <BODY> berisi tentang text, gambar, atau apapun yang ingin ditampilkan </BODY> </HTML> Tag tidak case sensitive, jadi anda bisa gunakan <HTML> atau <html> keduanya menghasilkan output yang sama.
Attribute - atribut dari tag Value - nilai dari atribut. Dalam tag HTML di dalamnya kita bisa memberikan element dan atribut yang melekat di dalamnya. Sintaxnya adalah sbb : <ELEMENT ATTRIBUTE = value> Element - nama tag Attribute - atribut dari tag Value - nilai dari atribut.
Program 1 <HTML> <HEAD> <TITLE> Welcome to HTML </TITLE> </HEAD> <BODY> <BODY BGCOLOR=lavender> </BODY> </HTML> BODY merupakan element, BGCOLOR(Background) merupakan atribut yang memiliki nilai lavender, yang artinya body html kita warna backgroundnya kita beri warna lavender. Untuk memulai bekerja dengan HTML anda bisa gunakan editor NotePad atau editor lainya. Caranya: 1. Ketikkan teks yang ada dalam box tersebut di notepad. 2. Simpan dengan nama file belajar.htm atau belajar.html 3. Buka dengan browser internet explorer atau yang lain file belajar.htm
Kode Warna Pengaturan warna di halaman HTML menggunakan mode kombinasi RGB. Yang mana setiap warna ditampilkan dalam dua digit nilai heksadesimal(0,1,2..F). Setiap bagian dua digit menunjukkan intensitas dari kombinasi warna merah, hijau dan biru. Sebagai contoh 00 pada dua digit pertama berarti tidak ada warna merah dalam kombinasi warna ,dst. Color merupakan attribute yang bisa anda tambahkan pada beberapa element seperti body, background, bgcolor, text, link, vlink, alink, font dan lainya.
Tabel warna
Basic tag HTML Tag Heading <hx> digunakan untuk memformat heading (judul dan sub judul) dari suatu halaman web. Heading ini akan memperbesar ukuran huruf untuk setiap jenis heading. Ada enam buah heading yang dikenal di HTML, yaitu <h1> </h1>sampai <h6></h6>. ATRIBUTNYA : ALIGN Contoh: Heading.htm ( pada notepad) Tag paragraph <p> </p> berfungsi layaknya untuk pengaturan antar paragraph dalam halaman web anda. Dalam elemen paragraph terdapat atribut align=[left|center|right] yang berfungsi pengaturan perataan paragraph. Contoh: paragraf.htm (pada notepad)
Tag Break <br> berfungsi untuk memberikan baris baru suatu paragraph dalam halaman web anda. Tag break ini tidak memerlukan tag penutup break. Contoh :breakline.htm Tag Horizontal ruler <hr> berfungsi untuk menampilkan garis horisontal tiga dimensi di dalam halaman web. Tag ini juga tidak memerlukan penutup. Sintax : <hr [atribut]=value > atribut : Align, size, witdh, Color, Noshade Contoh : hr.htm