1 Dasar-dasar HTML i2 A. SEJARAH HTMLp Hypertext Markup Language (HTML) adalah bahasa yang digunakan untuk menulis halaman web. HTML merupakan pengemb...
A. SEJARAH HTMLp Hypertext Markup Language (HTML) adalah bahasa yang digunakan untuk menulis halaman web. HTML merupakan pengembangan dari standar pemformatan dokumen teks yaitu Standard Generalized Markup Language (SGML). HTML sebenarnya adalah dokumen ASCII atau teks biasa, yang dirancang untuk tidak tergantung pada suatu sistem operasi tertentu. HTML dibuat oleh Tim Berners-Lee ketika masih bekerja untuk CERN dan dipopulerkan pertama kali oleh browser Mosaic. Selama awal tahun 1990 HTML mengalami perkembangan yang sangat pesat. Setiap pengembangan HTML pasti akan menambahkan kemampuan dan fasilitas yang lebih baik dari versi sebelumnya. Namun perkembangan resmi dikeluarkan pada bulan November 1995 oleh IETF (Internet Engineering Task Force). HTML 2.0 ini merupakan penyempurnaan dari HTML+ (1993). HTML 3.0 (1995) memberikan kemampuan lebih daripada versi sebelumnya. Sebuah usaha dari World Wide Web Consortium’s (W3C) HTML Working Group pada tahun 1996 menghasilkan HTML 3.2. HTML versi ini secara resmi diterbitkan pada bulan Januari 1997. HTML versi terbaru adalah HTML 4.01 yang dikeluarkan secara resmi oleh W3C pada tanggal 24 April 1998. HTML merupakan perbaikan dari HTML 4.0 yang lebih dulu diterbitkan. (18 Desember 1997).
B. DASAR-DASAR HTML Mendesain HTML berarti melakukan suatu tindakan pemrograman. Namun HTML bukanlah sebuah bahasa pemrograman, karena sifatnya yang hanya memberikan tanda (Marking Up) pada suatu dukumen teks dan bukan sebagai program. HTML hanyalah berisi perintah-perintah yang telah terstruktur berupa tag-tag penyusun. Menuliskan tag-tag HTML tidaklah sebatas hanya memasukkan perintah-perintah tertentu agar HTML dapat di akses oleh browser. Mendesain HTML adalah adalah sebuah seni tersendiri. Homepage yang merupakan implementasi dari HTML adalah refleksi dari orang yang membuatnya. Mendesain HTML dapat dilakukan dengan dua cara: 1. Menggunakan HTML Editor, seperti Microsoft FrontPage, Adobe Dreamweaver, dan lainlain. 2. Dengan cara menuliskan sendiri secara manual satu persatu tag-tag HTML ke dalam dokumen HTML, seperti notepad. Ada kelebihan dan kekurangan dari dua cara di atas. Cara pertama kelebihannya adalah HTML Editor merupakan sebuah program yang khusus didesain untuk membuat, melakukan editing bahkan mem-publish ke internet. Dengan kemampuannya menggabungkan kemudahan dan kecanggihan teknologi internet ke dalam dokumen HTML maka cara ini sangat disukai oleh para pemula dan desainer yang tidak ingin belajar lebih mendalam mengenai HTML. Sedangkan cara kedua adalah menuliskan secara manual satu persatu tag-tag HTML. Hal ini sangat disarakan sulit dikarenakan akan memakan tenaga dan waktu ekstra untuk melakukannya, ditambah lagi, harus melakukan cara-cara konvensional untuk melihat hasilnya pada web browser. Namun pada cara kedua adalah dasar dari segala bentuk HTML yang akan dipelajari, karena dengan cara itulah akan lebih paham mengenai cara kerja dan berbagai perintah yang biasa dipakai pada bahasa HTML.
Dasar-dasar HTML
1
B. STRUKTUR DOKUMEN HTML Secara sederhana HTML terdiri dari dua bagian yaitu Header dan Body. Struktur HTML diapit oleh tag awal dan tag akhir . Standar penulisannya adalah: Deskrisi dokumen Isi dokumen
Contoh: <TITLE>Selamat datang di Homepage Saya Halo, apakabar?. Homepage ini merupakan hasil karya saya yang pertama.
Dari Struktur dasar HTML dapat dijelaskan : Tag : Teks khusus (markup) berupa dua karakter "<" dan ">", sebagai contoh adalah tag dengan nama body. Secara umum tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter "<"), sebagai contoh ini adalah tag pembuka isi dokumen HTML, dan ini adalah tag penutup isi dokumen HTML. Element Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana: ini adalah tag pembuka judul dokumen HTML Disini Judul Dokumen HTML ini adalah isi judul dokumen HTML ini adalah tag penutup judul dokumen HTML Tag-tag yang ditulis secara berpasangan pada suatu element HTML, tidak boleh saling tumpang tindih dengan pasangan tag-tag lainnya. Contoh penulisan tag-tag yang benar :
……
Contoh penulisan tag yang salah:
……
Dasar-dasar HTML
2
Attribute :
Attribute mendefinisikan property dari suatu element HTML, yang terdiri atas nama dan nilai. Penulisannya adalah sebagai berikut:
Secara umum nilai attribute harus berada dalam tanda petik satu atau dua. Sebagai contoh, untuk membuat warna teks menjadi kuning dan latarbelakang halaman web menjadi hitam, penulisannya adalah Color merupakan attribute yang bisa anda tambahkan pada beberapa element seperti body, font, link dan lainya. Color di bagi dalam tiga ketegori warna primer yaitu red, green dan blue. Masing-masing color didefinisikan dalam dua digit hexadecimal number. #RRGGBB Hexadecimal #FF0000 #00FF00 #0000FF #000000 #FFFFFF
Element HTML
:
Color Red Green Blue Black White
Menyatakan pada browser bahwa dokumen Web yang digunakan adalah HTML. Sintaks: ….......
Element Head
:
Merupakan kepala dari dokumen HTML. Tag dan tag terletak di antara tag dan tag . Sintaks: …........
Elemet Title
:
Merupakan judul dari dokumen HTML yang ditampilkan pada judul jendela browser. Tag dan tag terletak di antara tag dan tag . Sintaks: .........
Element Body
:
Element ini untuk menampilkan isi dokumen HTML. Tag dan tag terletak di bawah tag dan tag . Element BODY mempunyai attribute-attribute yang menspesifikasikan khususnya warna dan latarbelakang dokumen yang akan ditampilkan pada browser. Sintaks: ..............
bgcolor="w"
background="uri"
link="x"
alink="y"
Attribute text memberikan warna pada teks, bgcolor memberikan warna pada latarbelakang dokumen HTML, background memberikan latarbelakang dokumen HTML dalam bentuk gambar, link memberikan nilai warna untuk link, alink memberikan warna untuk link yang sedang aktif, vlink memberikan warna untuk Dasar-dasar HTML
3
link yang telah dikunjungi. Jika attribute bgcolor dan background keduanya dispesifikasikan maka attribute background yang akan digunakan, akan tetapi jika nilai attribute background (gambar) tidak ditemukan pada dokumen HTML maka attribute bgcolor yang akan digunakan. Contoh Sederhana : Gunakan teks editor misalkan "Notepad" untuk menyunting dan menyimpan script latihan di bawah ini. <TITLE>Latihan HTML Saya belajar HTML, harus semangat! Pasti BISA!
Simpan dengan format html, seperti di bawah ini :
Gambar 1. Menyimpan hasil ketikan Untuk melihat hasilnya, silakan jalankan browser pilihan yang digunakan, seperti contoh di bawah ini digunakan MozilaFirefox.
Gambar 2. Hasil Ketikan di Browser Dasar-dasar HTML
4
C. HTML FORMAT TEXT 1) Heading Heading pada HTML mengenal 6 level heading, mulai 1 (terbesar) sampai 6. Heading level 1 biasanya untuk judul utama. Heading adalah sekumpulan kata yang menjadi judul atau subjudul dalam suatu dokumen HTML. Heading berbeda dengan tag <TITLE> yang tidak bisa muncul dalam halaman web. Element ini mempunyai attribute yaitu align yang bernilai "left", "center", "right" yang menspesifikasikan posisi horizontal dari header (default: "left"). Contoh: <TITLE>Headings
Heading Level 1
Heading Level 2
Heading Level 3
Heading Level 4
Heading Level 5
Heading Level 6
Gambar 3. Heading pada HTML 2) Paragraf Untuk membuat paragraf digunakan tag
. Setelah tag
, bisa menulis isi paragraf dan paragraf tersebut harus diakhiri dengan penutup
. Mengatur posisi paragraf dengan attribut ALIGN. Atribut ALIGN diikuti dengan posisi yang diinginkan. LEFT untuk rata kiri, CENTER untuk rata tengah dan RIGHT untuk rata kanan.
Dasar-dasar HTML
5
Contoh: <TITLE>Paragraf
Pernah mendengan istilah browsing atau nge-browsing? Seperti telah disampaikan pada materi sebelumnya bahwa internet dapat diibaratkan sebagai sebuah perkampungan maya. Anda dapat memasuki dan berkeliling atau menjelajahi perkampungan tersebut untuk mengetahui segala apa yang ada. Kegiatan menjelajahi kampung internet sering disebut dengan istilah browsing.Anda dapat menjelajahi berbagai macam informasi yang ada dengan browsing .
Informasi di internet biasanya diletakkan pada berbagai halaman web yang menggunakan teknologi HTML yang berupa kode-kode yang dapat dibaca oleh komputer yang dilengkapi program browser. Dengan demikian browser berfungsi untuk menterjemahkan kode-kode HTML ke dalam sebuah halaman web. Banyak browser yang dapat digunakan untuk membaca HTML namun yang paling umum digunakan adalah Netscape Navigator dan Internet Explorer.
Internet Explorer adalah browser yang disertakan dengan sistem operasi windows,maka ketika menginstalasi windows internet explorer terinstalkan. Bagaimana jika Anda ingin menggunakan Netscape Navigator? Tentu harus meng-installnya sendiri secara terpisah.
Gambar 4. Paragraf pada HTML
Dasar-dasar HTML
6
3) Format Text Physical Formatting Element B berfungsi untuk membuat tampilan teks tercetak tebal (bold). atau <strong> Element I berfungsi untuk membuat tampilan teks tercetak miring (italic). atau <em> Element U berfungsi untuk membuat tampilan teks tercetak garis bawah (underline). atau Contoh: <TITLE>BOLD ITALIC UNDERLINE
Pernah mendengan istilah browsing atau nge-browsing? Seperti telah disampaikan pada materi sebelumnya bahwa internet dapat diibaratkan sebagai sebuah perkampungan maya.
Informasi di internet biasanya diletakkan pada berbagai halaman web yang menggunakan teknologi HTML yang berupa kode-kode yang dapat dibaca oleh komputer yang dilengkapi program browser.
Internet Explorer adalah browser yang disertakan dengan sistem operasi windows,maka ketika menginstalasi windows internet explorer terinstalkan.
Gambar 5. Bold, Italic, Underline pada HTML Dasar-dasar HTML
7
Element BIG berfungsi untuk membuat ukuran text lebih besar dari normal, Element SMALL berfungsi untuk membuat ukuran text lebih kecil dari norma, <small> Element STRIKE/DEL berfungsi untuk member garis di tengah text/text dicoret, <strike> Element SUP berfungsi untuk memformat text menjadi superscript text, <sup> Element SUB berfungsi untuk memformat text menjadi subscript text, <sub> Contoh: <TITLE>BIG SMALL STRIKE SUP SUB
text ukuran biasa
text besar
<SMALL>text kecil
<STRIKE>text dicoret
text ukuran biasa <SUP>text superscript
text ukuran biasa <SUB>text subscript
Gambar 6. Big, Small, Strike, Sup, Sub pada HTML
Dasar-dasar HTML
8
4) Extended Quatations/Blockquote Perintah tag
digunakan untuk menulis kutipan teks panjang. Dengan perintah ini browser akan menampilkan teks menjorok ke dalam (meng-identasi teks). Contoh: <TITLE>BLOCKQUOTE
Browsing
Informasi di internet biasanya diletakkan pada berbagai halaman web yang menggunakan teknologi HTML yang berupa kodekode yang dapat dibaca oleh komputer yang dilengkapi program browser.
Gambar 7. Blockquote pada HTML 5) Preformatted Text Preformatted Text (PRE) digunakan untuk menampilkan teks sama seperti yang diketikkan dalam dokumen HTML. Browser akan menampikan teks tersebut dalam font monospaced, yaitu seperti terlihat dalam teks yang tampilkan oleh aplikasi berbasis teks (misalnya telnet).
Dasar-dasar HTML
9
Contoh: <TITLE>Preformatted Text
Informasi di internet biasanya diletakkan pada berbagai halaman web yangmenggunakan teknologi HTML yang berupa kode-kode yang dapat dibaca oleh komputer yang dilengkapi program browser.
Gambar 8. Preformatted pada HTML 6) Begin Row (BR)/Line Break Tag ini digunakan untuk menulis teks pada baris berikutnya atau berfungsi untuk ganti baris. Tag membuat baris baru tanpa memberi baris kosong di bawahnya. Element BR ini tidak mempunyai tag penutup. Contoh: <TITLE>Begin Row
Banyak cara yang dapat digunakan untuk melakukan instalasi FreeBSD. Namun ada tiga cara yang paling sering dilakukan ,yaitu: Instalasi melalui FTP Instalasi melalui CDROM Instalasi melalui partisi DOS
Dasar-dasar HTML
10
Gambar 9. Begin Row pada HTML 7) Ukuran Font Untuk mengatur huruf dokumen HTML digunakan tag . Tag memiliki beberapa atribut untuk mengatur ukuran huruf yang akan digunakan. Contoh: <TITLE>Ukuran font Ukuran font 1 Ukuran font 2 Ukuran font 3 Ukuran font 4 Ukuran font 5 Ukuran font 6 Ukuran font 7
Gambar 10. Ukuran Font pada HTML Dasar-dasar HTML
11
8) Jenis Font Atribut FACE digunakan untuk mengatur jenis huruf yang diinginkan. Atribut FACE harus diisi dengan string jenis font seperti Arial, Times New Roman,Verdana, dan sebagainya. Contoh: <TITLE>Jenis Font Arial, contoh Internet
Verdana , contoh Jaringan Komputer
Times New Roman, contoh Akses Internet
Courier New, contoh Internet Service Provider
Gambar 11. Jenis Font pada HTML 9) Horizontal Rule Element HR berfungsi untuk membuat suatu garis horizontal. Element ini tidak mempunyai tag penutup dan mempunyai attribute align untuk menempatkan posisi secara horizontal ("left", "center", "right"), size untuk ukuran ketebalan garis ("pixel"), width untuk ukuran panjang garis ("persen"), dan noshade (garis solid). Sintaks:
Contoh: <TITLE>Latihan HR
Dasar-dasar HTML
12
Gambar 12. HR pada HTML 10) Element DL, DD, & DT Penggunaan tag
,
,
untuk menampilkan daftar khusus dengan tampilan menjorok ke kanan. Contoh: <TITLE>Daftar Definisi Kamus Teknologi Informasi:
HTML
Bahasa yang digunakan untuk menyusun Web
HTTP
Protokol yang dipakai untuk mentransfer HTML
Gambar 13. DL, DT, & DD pada HTML
Dasar-dasar HTML
13
11) Base Font Element BASEFONT berfungsi untuk merubah dasar ukuran huruf tampilan dari web browser. Attribute dari element ini adalah size yang merupakan ukuran huruf dengan nilai "1" sampai dengan "7" pixel, atau berupa ukuran relatif ( + atau - ), default nya adalah "3" pixel. Element ini tidak mempunyai tag penutup. Contoh: <TITLE>Latihan Base Font Teks ini mempunyai Teks ini mempunyai Teks ini mempunyai Teks ini mempunyai Teks ini mempunyai Teks ini mempunyai Teks ini mempunyai
size=1 size=2 size=3 size=4 size=5 size=6 size=7
Gambar 14. Base Font pada HTML
Dasar-dasar HTML
14
12) Font Color Atribut COLOR digunakan untuk mengatur warna font yang akan digunakan. Untuk memberi nilai pada atribut color, ada dua cara. Cara pertama dengan menuliskan nama warna seperti Red, Blue, Yellow, White, dll. Sedangkan cara kedua adalah dengan menggunakan nilai RGB (Red Green Blue) dari suatu warna, misalnya FF0000 untuk Red, 00FF00 untuk green, dan 0000FF untuk Blue. Contoh: <TITLE>Warna Font INTERNET
AKSES INTERNET
INTERNET SERVICE PROVIDER
INTERNET SERVICE PROVIDER
Gambar 15. Font Color pada HTML
Dasar-dasar HTML
15
D. HTML DAFTAR URUTAN 1) Element OL (Ordered List/Numbering) Element OL berfungsi untuk membuat nomor daftar urut. Element ini mempunyai attribute yaitu start, dan type. Attribute start berfungsi untuk memberikan nilai awal dari daftar urutan, attribute type berfungsi untuk memilih bentuk daftar urutan yaitu A untuk abjad huruf besar, a untuk abjad huruf kecil, I untuk abjad romawi besar, i untuk abjad romawi kecil, 1 untuk angka decimal (default: start="1" type="1" ). Dalam element OL harus terdapat beberapa element LI. Sintaks:
........................
2) Element UL (Unordered List/Bullet) Element UL berfungsi untuk membuat daftar tanpa nomor urut (dalam format bullet). Element ini mempunyai attribute yaitu type. Attribute type berfungsi untuk memilih bentuk bullet yang digunakan. Nilai dari pada attribute type ini adalah "circle/lingkaran", "square/kotak" dan "disc/titik" . Dalam element UL harus terdapat beberapa element LI. Sintaks:
type="circle"|"square"|"disc"> ..........................
3) Element LI (List Item) Element LI merupakan isi dari pada daftar. Element ini harus berada di dalam element OL atau UL. Element ini mempunyai attribute type dan value. Nilai attribute type adalah A,a,I,i,1,circle,square,disc dan attribute value berisikan nilai nomor urutan dari attribute type. Sintaks:
..........................
Contoh: <TITLE>Latihan Daftar List Mata Pelajaran SMP
Bahasa Inggris
Bahasa Indonesia
Matematika
Agama
PKN
IPS
IPA
TIK
Seni Budaya
Bahasa Bali
Budi Pekerti
Penjas
Dasar-dasar HTML
16
Gambar 16. Daftar Urutan pada HTML
Dasar-dasar HTML
17
E. HTML TABEL 1) Element Table Element TABLE befungsi untuk membuat suatu data multidimensi yang terdiri atas kolom dan baris. Element ini mempunyai attribute seperti align, bgcolor, border, cellpadding (jarak antara tepi sel dengan isi sel), cellspacing (jarak antara sel), width (lebar tabel), height (tinggi tabel). Element TABLE berisikan element CAPTION, TH, TR dan TD. Sintak:
........................
2) Element Caption Element CAPTION berfungsi untuk membuat judul dari tabel. Element ini harus berada di dalam element TABLE dan mempunyai attribute align dengan nilai top (judul terletak di atas tabel), dan bottom (judul terletak di bawah tabel). Sintaks:
..........................
3) Element TR Element TR mendefinisikan baris pada tabel dan element ini harus berada di dalam element TABLE. Pada element TR terdapat element TH dan TD. Attribute yang terdapat pada element ini adalah align, valign (posisi vertikal), dan bgcolor. Sintaks:
..........................
4) Element TH dan TD Element TH dan TD merupakan informasi pada tabel. TH mendefinisikan isi sel sebagai header sel pada kolom tabel dan datanya tercetak tebal dan dengan posisi ditengah sel. Element TH dan TD ini harus terletak di dalam element TR. Attribute kedua element ini adalah align, valign, bgcolor, colspan, rowspan.
Dasar-dasar HTML
18
Sintaks:
Contoh: <TITLE>Latihan Table
Tabel 1.1
No.
Nama
1.
Artha Bagus
2.
Komang Apel
3.
Putu Ayu
Gambar 17. Table pada HTML Dasar-dasar HTML
19
Untuk menggabungkan cell dengan menggunakan tag dan . Contoh penggunaannya bisa dilihat pada contoh di bawah ini. Atribut ROWSPAN ditempatkan pada tag
. <TITLE>Penggunaan ROWSPAN
Jaringan Komputer
Perangkat Keras
Komputer Server
Komputer Client
Kabel
Hub
Repeater
Gambar 18. Penggunaan Rowspan pada HTML Atribut COLSPAN bisa ditempatkan pada tag
atau
. <TITLE>Penggunaan COLSPAN
Akses Internet
Software Akses Internet
Browser
Mozila
Internet Explorer
Utility
Yahoo Mesangger
Anti Virus
Karpesky
Dasar-dasar HTML
20
Gambar 19. Penggunaan Colspan pada HTML
Dasar-dasar HTML
21
F. HTML IMAGE (GAMBAR) Element IMG Element IMG befungsi untuk menampilkan gambar. Element ini tidak mempunyai tag penutup dan mempunyai attribute yaitu align, alt (teks alternatif jika gambar tidak tampil), border, height, width, hspace (jarak kosong posisi horizontal, vspace (jarak kosong posisi vertikal), src (lokasi dari gambar itu disimpan beserta nama file-nya). Sintaks:
Contoh : Di bawah ini sintak HTML untuk menampilkan gambar bernama k7.jpg dengan ukuran 159 x 175 pixel, dan dengan meletakkannya ditengah. <TITLE>Latihan Tampil Gambar
Ket : No 1 Link dibuat dalam sebuah dokumen HTML, jika di klik akan mengarah ke arah tanda panah, karena sudah berisi indentitas sesuai dengan linknya. Ini sama halnya dengan no. 3 No 2 Link dibuat untuk menyambung dokuman HTML yang lain, yaitu Latihan Sambung Link.html
Dasar-dasar HTML
23
Gambar 21. Link pada HTML Ket : No 1 Ketika diklik akan tersambung atau menampilkan Abbiati tersebut (yang berisi kotak), tetap pada satu dokumen HTML. No 2 Ketika diklik akan tersambung halaman HTML yang lain, pada contoh tersebut yaitu halaman HTML: Lanjut Link.html No 3 Sama dengan no 1, link terdapat pada satu halaman HTML tersebut, yaitu menampilkan pemain-pemain AC Milan
Dasar-dasar HTML
24
Dokumen HTML yang dilink, yaitu:
<TITLE>Lanjut Link
Abbiati
Ayala
Ambrosini
Albertini
Boban
(Ini Coba Lanjut Link)
Dasar-dasar HTML
25
H. HTML FORM 1) Element Form Element FORM berfungsi untuk mendefinisikan form interaktif. Element ini mempunyai attribute yaitu action, dan method. Attribute action berisikan aksi terhadap form yang dikirim (URI) dan attribute method berisikan metode form melakukan proses pengiriman(GET/POST). Sintaks:
2) Element Input Element INPUT berfungsi untuk mendefinisikan input yang akan dimasukkan pengguna. Element ini mempunyai attribute yaitu name, size, type, value, checked. Attribute name mendefinisikan nama dari input kontrol form, attribute size mendefinisikan ukuran teks pada input kontrol, type mendefinisikan bentuk-bentuk input kontrol, value mendefinisikan nilai awal/reset/submit, checked mendefinisikan pilihan terpilih pada type radio/checkbox. Element ini tidak mempunyai tag penutup dan harus berada di dalam element FORM. Sintaks:
3) Element Select Element OPTION mendefinisikan opsi pilihan pada menu SELECT. Element ini mempunyai attribute selected, dan value. Attribute selected opsi terpilih dan attribute value berisikan nilai element OPTION. Sintaks: <select name="name" size="number" multiple > .....................
4) Element Options Element OPTION mendefinisikan opsi pilihan pada menu SELECT. Element ini mempunyai attribute selected, dan value. Attribute selected opsi terpilih dan attribute value berisikan nilai element OPTION. Sintaks:
Dasar-dasar HTML
26
5) Element Textarea Element TEXTAREA berfungsi sebagai input kontrol form untuk memasukkan teks lebih dari satu baris. Element ini mempunyai attribute yaitu name, cols, rows. Attribute name mendefinisikan nama input kontrol form element textarea, attribute cols mendefinisikan jumlah kolom textarea yang terlihat, dan attribute rows mendefinisikan jumlah baris textarea yang terlihat. Element ini harus berada di dalam element FORM Sintaks:
Contoh: <TITLE>Latihan Form
Dasar-dasar HTML
27
Gambar 22. Form pada HTML
Dasar-dasar HTML
28
I. HTML FRAME 1) Element Frameset Element FRAMESET berfungsi untuk membagi isi jendela web browser menjadi beberapa bagian. Element ini mempunyai attribute yaitu cols (membagi jendela berdasarkan kolom), rows (membagi jendela berdasarkan baris), border , bordercolor, frameborder (untuk menampilkan border frame), dan framespacing (spasi antara frame). Element FRAMESET terletak di antara element HEAD dan BODY. Sintaks:
2) Element Frame Element FRAME mendefinisikan frame yang terdapat dalam frameset. Element ini mempunyai attribute yaitu name (nama frame), marginheight, marginwidth, bordercolor, frameborder, noresize, scrolling, src (dokumen yang ditampilkan pada frame). Element ini tidak mempunyai tag penutup. Sintaks:
3) Element Noframe Element NOFRAME mendefinisikan isi yang akan ditampilkan jika suatu frame tidak dapat diakses . Sintaks: <noframes> .....................
Dasar-dasar HTML
29
Contoh: Latihan Frame
Gambar 23. Contoh 1 Frame pada HTML Latihan8-3
Gambar 24. Contoh 2 Frame pada HTML Dasar-dasar HTML
30
SUMBER : http://hans.polinpdg.ac.id/html/, Maret 2011 http://www.sejutablog.com/dasar-dasar-html, Maret 2011
