Recommended
More Related Content
What's hot
What's hot (18)
Similar to STRUKTUR HTML
Similar to STRUKTUR HTML (20)
More from TeukuMahawira
More from TeukuMahawira (20)
Recently uploaded
Recently uploaded (20)
STRUKTUR HTML
- 1. BAHAN AJAR | PEMROGRAMAN WEB DAN PERANGKAT BERGERAK 1 BAB III - FORMAT TEXT DAN HALAMAN WEB Tujuan Pembelajaran: Setelah mempelajari bab ini siswa diharapkan dapat mampu: 1. Memahami Struktur Dasar HTML 2. Menjelaskan Fungsi Berbagai Tag dalam HTML 3. Menggunakan Format Text dalam HTML A. Struktur Dasar HTML Setiap halaman HTML minimal memiliki struktur dasar yang terdiri atas a. DTD atau DOCTYPE Tag paling awal dari HTML adalah DTD atau DOCTYPE. DTD adalah singkatan dari Document Type Declaration yang berfungsi untuk memberi tahu web browser bahwa dokumen yang akan di proses adalah HTML. b. Tag <HTML> Tag <html> sebagai pembuka dari keseluruhan halaman web. Semua kode HTML harus berada di dalam tag ini. Tag html dimulai dengan <html> dan diakhiri dengan </html> c. Tag <head> Elemen pada tag <head> umumnya berisi berbagai definisi halaman seperti kode CSS, JavaScript, dan kode kode lainnya yang tidak tampil di browser, d. Tag <title> Tag <title> digunakan untuk menampilkan title dari sebuah halaman web. Title biasanya ditampilkan pada bagian paling atas web browser e. Tag <body Tag <body> berisi semua elemen yang akan tampil dalam halaman web, seperti paragraph, table, link, gambar, dan lain-lain. Tag body ini ditutup dengan </body>.
- 2. BAHAN AJAR | PEMROGRAMAN WEB DAN PERANGKAT BERGERAK 2 B. Tag Syntax dan Option Pada dasarnya HTML berisi kode kode tertentu berbasis teks yang disebut “tag”. Tag bisa diartikan sebagai tanda khusus yang telah didefinisikan untuk menunjukkan kepada browser mengenai hal hal yang harus di tampilkan kepada pengguna. Antara tag pembuka dan penutup biasanya dibedakan oleh tanda slash (garis miring) yang menunjukan itu adalah tag penutup. Misalnya tag <b> dan </b>, yang akan menjadi teks yang ada di antaranya sebagai cetak mring dan contoh-contah tag lainnya. Jenis–jenis syntax dan option HTML beserta fungsinya dapat dilihat dari tabel berikut Tag Keterangan <!--…--> Digunakan untuk memberi sebuah komentar atau keterangan. Kalimat yang terletak pada kontiner ini tidak akan terlihat pada browser <!DOCTYPE> Mendefiniskan informasi tipe dokumen <a> Mendifinisikan sebuah anchor, tetapi lebih tepat jika diartikan sebagai tautan dikarenakan tautan ini digunakan untuk saling menautkan antara satu dokumen HTML ke doukeman HTML yang lain <br/> Memberi baris baru/pindah baris <button> Mendefinisikan sebuah tombol diklik <dir> Mendefiniskan Sebuah daftar direktori <div> Mendefinisikan sebuah section dalam dokumen <dt> Mendefinisikan isitilah (item) dalam daftar difinisi <embed> Digunakan untuk memasukan file video atau file musik <fieldset> Untuk mengelompokkan elemen yang terkait dalam form/membuat seperti frame –box di dalam form <font> Mendefiniskan jenis font, warna, dan ukuran teks <frameset> Mendefiniskan satu set frame <head> Digunakan untuk memberikan informasi tentang dokumen tersebut <hr/> Membuat garis horizontal <link/> Mendefinisikan hubungan antara dokumen dan sumber eksternalnya <marquee> Membuat teks berjalan secara vertikan atau horizontal <menu> Mendifinisikan sebuah daftar menu <meta/> Mendefinisikan metadata tentang sebuah dokumen HTML <nobr> Mencegah ganti baris pada teks atau gambar <noframes> Jika browser user tidak mendukung frame <s> Untuk memberi garis tengah pada teks/ mencoret teks,fungsi tag ini sama dengan tag <del>, tetapi tag <s> tidak dianjurkan: sebagai gantinya menggunakan tag <del> <small> Memperkecil ukuran teks dari ukuran defaultnya <Span> Mendifinisikan sebuah section dalam dokumen <strike> Untuk memberi garis tengah pada/mencoret teks, fungsi tag ini sama dengan <del>
- 3. BAHAN AJAR | PEMROGRAMAN WEB DAN PERANGKAT BERGERAK 3 <strong> Membuat teks tebal, fungsi tag ini sama dengan tag <b> <style> Mendefinisikan informasi style untuk dokumen HTML <Tbody> Untuk mengelompokkan isi body di dalam sebuah tabel <textarea> Mendefinisikan sebuah kontrol input multiline <xmp> Mendefinisikan preformatted text, fungsi tag ini sama dengan tag <pre> C. Format Teks Dalam HTML Format teks dalam HTML digunakan untuk membuat teks yang ada dalam dokumen html menjadi kelihatan berbeda, menarik, memiliki arti, serta dapat memberikan kemudahan dalam menuliskan teks yang berupa rumus-rumus atau lambing tertentu. Sesuai dengan peruntukannya, tag-tag tersebut dirancang untuk membuat struktur text (konten) dari halaman web. Web akan menampilkan beberapa tag dengan menampilkan beberapa tag dengan tampilan visual sepeti huruf tebal, huruf kecil, italic dan lain-lain. Namum, anda sebaikanya tidak membuat text menjadi mirin, namun menandai bagian text mana yang perlu ‘ditekankan’. Tampilan visual yang sama bisa didapat menggunakan CSS. Format teks dalam HTML terdiri atas cetak tebal (bold), cetak miring (italic), memberi garis bawah (underline), mengecilkan huruf (small), membersarkan huruf (big), menebalkan teks (strong), penekanan teks (emphasis), Mencoret teks (Strike), Subsript dan superscript, serta membuat singkatan (akronim). Untuk mendefinisikan sebuah singakatan dalam dokumen html, Anda dapat menggunakan tag acronym. Penulisan adalah <acronym [property]> .. teks singkatan. </acronym>. Property pada tag ini adalah title yang berisi judul dari singkatan, perhatikan contoh berikut
- 4. BAHAN AJAR | PEMROGRAMAN WEB DAN PERANGKAT BERGERAK 4 RANGKUMAN 1. Setiap halaman HTML minimal memiliki struktur dasar yang terdiri atas DTD atau DocType, Tag <HTML>, Tag <head>, Tag <title>, Tag <body>. 2. Pada dasarnya HTML berisi kode kode tertentu berbasis teks yang disebut “tag” tag bisa diartikan sebagai tanda khusus yang telah didefinisikan untuk menunjukkan kepada browser mengenai hal hal yang harus di tampilkan kepada pengguna. Antara tag pembuka dan penutup biasanya dibedakan oleh tanda slash (garis miring) yang menunjukan itu adalah tag penutup. 3. Format teks dalam HTML digunakan untuk membuat teks yang ada dalam dokumen html menjadi kelihatan berbeda, menarik, memiliki arti, serta dapat memberikan kemudahan dalam menuliskan teks yang berupa rumus-rumus atau lambing tertentu. Sesuai dengan peruntukannya, tag-tag tersebut dirancang untuk membuat struktur text (konten) dari halaman web.