Dasar HTML Prak Internet dan Web Rusmala Santi
Dasar HTML Prak. Internet dan Web Rusmala Santi
Konsep dan fungsi HTML • HTML: bahasa WWW yang digunakan untuk menyusun dan membentuk dokumen agar dapat ditampilkan pada program browser • Protocol yang digunakan untuk mentransfer data atau document dari web server ke browser
HTML menentukan dua fungsi: • Membentuk tata letak dokumen, jenis huruf, gambar dan komponen dokumen lainnya • Menentukan hubungan ke dokumen lain, HTML merupakan suatu bahasa komputer yang termasuk dalam kategori SGML (Standard Generalized Markup Language) bentuknya merupakan file standar ASCII yang berisi kode 2 untuk mengatur dokumen
Struktur HTML • Tag: kode atau simbol yang digunakan untuk meletakkan perintah HTML • Tag tertutup < > • Contoh: <img src=“gambar. gif”/> • Tag berpasangan, dengan tanda permulaan dan akhiran • Contoh: <title> judul HTML </title> • Non-sensitive-case
Struktur tag dasar Nama Tag Kode Tag Keterangan Jenis Dokumen <HTML> </HTML> Terdapat pada awal dan akhir dari file HTML Judul <TITLE> </TITLE> Harus selalu terdapat pada mukadimah Mukadimah(header) <HEAD> </HEAD> Keterangan umum, seperti judul dsb Batang Tubuh <BODY> </BODY> Isi dari halaman HTML
Contoh: selamat. html <HTML> <HEAD> <TITLE>Latihan HTML</TITLE> </HEAD> <BODY> Selamat belajar HTML </BODY> </HTML>
Nama TAG Keterangan <!_ _> Memberi komentar atau keterangan. <a href> Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut <a name> Membuat nama bagian yang didefinisikan pada link pada halaman yang sama <applet> Sebagai awal dari Java applets <area> Mendefinisikan daerah yang dapat diklik (link) pada image map <b> Membuat teks tebal <basefont> Membuat atribut teks default seperti jenis, ukuran dan warna font <bgsound> Memberi (suara latar) background sound pada halaman web <big> Memperbesar ukuran teks sebesar satu point dari defaultnya <blink> Membuat teks berkedip <body> Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link &visited link Pindah baris <caption> Membuat caption pada label <center> Untuk perataan tengah terhadap teks atau gambar
Nama TAG Keterangan <comment> Meletakkan komentar pada halaman web tidak akan nampak pada browser <dd> Indents teks <div> Represents different section of text <embed> Menambahkan sound or file avi ke halaman web <fn> Seperti tag <a name> <font> Mengganti jenis, ukuran, warna huruf yang akan digunakan untuk teks <form> Mendefinisikan input form <frame> Mendefinisikan frame <frameset> Mendefinisikan attribut halaman yang akan menggunakan frame <h 1> … <h 6> Ukuran font <head> Mendefinisikan head document <hr> Membuat garis horizontal <html> Berarti dokumen html <i> Membuat teks miring <img> Image, imagemap atau animation
Nama TAG Keterangan <input> Mendefinisikan input field pada form <li> Membuat bullet point atau baris baru pada list(berpasangan dengan tag <dir>, <menu>, <ol> dan <ul> <map> Mendefinisikan client-side map <marquee> Membuat scrolling teks (teks berjalan) – hanya pada MS IE <nobr> Mencegah ganti baris pada teks atau image <noframes> Jika browser user tidak mendukung frame <ol> Mendifiniskan awal dan akhir list <p> Ganti paragraf <pre> Membuat teks dengan ukuran huruf yang sama <script> Mendefinisikan awal script <table> Membuat tabel <td> Kolom pada tabel <title> Mendefinisikan title <tr> Baris pada tabel <u> Membuat teks bergaris bawah
- Slides: 10