Download - Modul HTML w3school
MODUL MATA KULIAH PRATIKUM PENGENALAN INTERNET JUDUL DASAR DASAR HTML DARI SITUS W3SHCOOL.COM
Nama Nim Jurusan Kelas
: I WAYAN DIANA : 1155401010 : Teknik Informatika : Pagi
NEW MEDIA INTERACTIVE COMPUTER COLLEGE Jln Tukad Batanghari No. 29 Panjer Denpasar Semester 12011
I WAYAN DIANA | NEW MEDIA INTERACTIVE COMPUTER COLLEGE
i
TUGAS MODUL HTML
KATA PENGHANTAR
Pertama tama saya ucapkan puji syukur kehadapan Tuhan Yang Maha Esa, karena berkat beliau-lah yang memberi pentunjuk dan semangat untuk menyelesaiakan tugas mata kuliah pratikum pengenalan internet dengan baik dan tepat pada waktunya. dengan judul Dasar Dasar HTML Dari Situs www.w3shcool.Com. Akhir kata semoga modul ini dapat memberikan manfaat kepada para pembaca. saya menyadari bahwa modul ini masih jauh dari kesempurnaan baik dari bentuk penyusunan maupun materinya. Kritik dan saran dari pembaca sangat penulis harapkan untuk penyempurnaan makalah selanjutnya.
Penulis
I WAYAN DIANA | NEW MEDIA INTERACTIVE COMPUTER COLLEGE
ii
TUGAS MODUL HTML
DAFTAR ISI :
Cover ................................................................................................................. i Kata penghantar ................................................................................................. ii Daftar isi ............................................................................................................ iii BAB I Pengenalan HTML 1.1 Pengertian HTML ........................................................................................ 1 1.2 Dasar dasar HTML .................................................................................. 1 BAB II Pembahasan Materi HTML 2.1 HTML Introduction/ Penghantar ................................................................ 2.2 HTML Basic/ Dasar ................................................................................... 2.3 HTML Elemen ........................................................................................... 2.4 HTML Attributes/ Atribut ......................................................................... 2.5 HTML Headings/ HTML Pos .................................................................... 2.6 HTML Paragraphs/ Paragraf HTML ........................................................... 2.7 HTML Formatting/ Memformat HTML .................................................... 2.8 HTML Fonts ............................................................................................... 2.9 HTML Styles .............................................................................................. 2.10 HTML Links .............................................................................................. 2.11 HTML Images/ HTML Gambar ............................................................... 2.12 HTML Tables/ Tabel HTML .................................................................... 2.13 HTML Lists/ HTML Daftar ...................................................................... 2.14 HTML Forms/ Form HTML ..................................................................... 2.15 HTML Frames ........................................................................................... 2.16 HTML Iframes .......................................................................................... 2.17 HTML Colors/ Warna HTML ................................................................... 2.18 HTML Colornames ................................................................................... 2.19 HTML Colorvalues ................................................................................... 2.20 HTML Quick List/ HTML Daftar Cepat ................................................... BAB III Penutup 3.1 Penutup ...................................................................................................... 46 3.2 Daftar Pustaka ............................................................................................ 46 2 4 5 7 8 9 11 12 13 15 18 20 22 24 27 29 30 35 39 43
I WAYAN DIANA | NEW MEDIA INTERACTIVE COMPUTER COLLEGE
iii
TUGAS MODUL HTML
BAB I PENGENALAN HTML
1.1 PENGERTIAN HTML HTML singkatan dari Hyper Text Markup Language merupakan salah satu format atau kode yang digunakan untuk pembuatan aplikasi atau document yang berada di halaman web. Basic HTML , terdiri dari: 1. 2. 3. 4. 5. Hypertext Tags dan elements Text formatting Lists, hyperlinks, images Table, frames
1.2 DASAR DASAR HTML HTTP (hypertext transfer protocol) merupakan symbol yang digunakan untuk mentransfer data antara web server ke web browser. Protokol ini mentransfer data-data web yang ditulis atau berformat HTML. Elemen HTML biasanya berupa tag-tag yang berpasangan dan setiap tag ditandai dengan symbol ` ` tanpa tanda kutip . Pasangan dari sebuah tag ditandai dengan tanda `/ ` dan ini menunjukan penutupan suatu tag .
I WAYAN DIANA | NEW MEDIA INTERACTIVE COMPUTER COLLEGE
1
TUGAS MODUL HTML
BAB II PEMBAHASAN HTML
2.1 HTML Introduction/ Penghantar
Apa itu HTML? HTML adalah bahasa untuk mendeskripsikan halaman web.
HTML singkatan Hyper Text Markup Language HTML bukanlah bahasa pemrograman, itu adalah bahasa markup Sebuah bahasa markup adalah seperangkat tag markup HTML menggunakan tag markup untuk mendeskripsikan halaman web Tag HTML HTML markup tag biasanya disebut tag HTML
Tag HTML adalah kata kunci dikelilingi oleh sudut kurung seperti
Tag HTML secara normal selalu berpasangan seperti dan Tag
pertama dalam pasangan adalah tag pembuka, tag kedua adalah tag
akhir Mulai dan tag akhir juga disebut tag pembuka dan tag penutup
Dokumen HTML = Halaman WebDokumen HTML menjelaskan halaman web
Dokumen HTML berisi tag HTML dan teks biasa Dokumen HTML juga
disebut halaman web Tujuan dari web browser (seperti Internet
Explorer atau Firefox) adalah untuk membaca dokumen HTML dan
menampilkannya sebagai halaman web. Browser tidak menampilkan tag
HTML, tetapi menggunakan tag untuk menafsirkan isi dari halaman
tersebut:I WAYAN DIANA | NEW MEDIA INTERACTIVE COMPUTER
COLLEGE2TUGAS MODUL HTMLcontoh beserta gambar: My First Heading My
first paragraph. Hasil Melalui Mozila FirefoxContoh DijelaskanTeks
di antara dan menjelaskan halaman web Teks di antara dan adalah isi
halaman yang terlihat Teks di antara dan ditampilkan sebagai judul
Teks di antara dan ditampilkan sebagai sebuah paragraphI WAYAN
DIANA | NEW MEDIA INTERACTIVE COMPUTER COLLEGE3TUGAS MODUL HTML2.2
HTML Basic/ DasarHTML Pos Judul HTML didefinisikan dengan tag h1
untuk . Contoh This is a heading This is a heading This is a
heading HTML Paragraf Paragraf HTML didefinisikan dengan tag .
Contoh This is a paragraph. This is another paragraph. HTML Link
Link HTML didefinisikan dengan tag . Contoh This is a link Catatan:
Alamat link ditentukan dalam atribut href. (Anda akan belajar
tentang atribut dalam bab selanjutnya dari tutorial ini). HTML
Gambar Gambar HTML didefinisikan dengan tag . Contoh Catatan: Nama
dan ukuran gambar disediakan sebagai atributI WAYAN DIANA | NEW
MEDIA INTERACTIVE COMPUTER COLLEGE4TUGAS MODUL HTML2.3 HTML
ElemenElemen HTML Sebuah elemen HTML adalah segalanya dari tag tag
mulai akhir: Mulai * tag
Elemen konten Ini adalah paragraf Ini adalah link Akhir tag * * Tag
awal sering disebut tag pembuka . Tag akhir sering disebut tag
penutup . Sintaks HTML Elemen Sebuah elemen HTML dimulai dengan tag
tag / pembuka dimulai Sebuah elemen HTML diakhiri dengan tag tag /
penutupan akhir Para Isi elemen adalah segalanya antara awal dan
tag akhir Beberapa elemen HTML memiliki konten kosong Elemen kosong
ditutup pada tag mulai Sebagian besar elemen HTML dapat memiliki
atributTip: Anda akan belajar tentang atribut dalam bab berikutnya
dari tutorial ini. Bersarang HTML Elemen Sebagian besar elemen HTML
dapat bersarang (dapat berisi elemen HTML lainnya). Dokumen HTML
terdiri dari unsur HTML bersarang. Contoh Dokumen HTML This is my
first paragraph. Contoh di atas berisi 3 elemen HTML. I WAYAN DIANA
| NEW MEDIA INTERACTIVE COMPUTER COLLEGE5TUGAS MODUL HTMLContoh
HTML Dijelaskan Elemen : This is my first paragraph. Elemen
mendefinisikan sebuah paragraf dalam dokumen HTML. Elemen ini
memiliki tag awal dan tag akhir . Isi elemen adalah: Ini adalah
paragraf pertama saya. Elemen : This is my first paragraph. Elemen
mendefinisikan tubuh dari dokumen HTML. elemen ini memiliki tag
awal dan tag akhir . Isi elemen adalah elemen HTML lain (ap
elemen). Elemen : This is my first paragraph. Elemen mendefinisikan
dokumen HTML secara keseluruhan. elemen ini memiliki tag awal dan
tag akhir . Isi elemen adalah elemen HTML lain (elemen body).
Jangan Lupakan Tag Akhir Beberapa elemen HTML mungkin menampilkan
dengan benar bahkan jika Anda lupa tag akhir: This is a paragraph
This is a paragraphI WAYAN DIANA | NEW MEDIA INTERACTIVE COMPUTER
COLLEGE6TUGAS MODUL HTMLContoh di atas bekerja di kebanyakan
browser, karena tag penutup dianggap opsional. Jangan bergantung
pada ini. Banyak elemen HTML akan menghasilkan hasil yang tak
terduga dan / atau kesalahan jika Anda lupa tag akhir. Elemen HTML
Kosong Elemen HTML dengan tidak ada konten yang disebut elemen
kosong.
adalah elemen kosong tanpa tag penutup (tag
mendefinisikan satu baris). Tip: Dalam XHTML, semua elemen harus
ditutup. Menambahkan garis miring di dalam tag mulai, seperti
, adalah cara yang tepat untuk menutup elemen kosong dalam XHTML
(dan XML). HTML Tip: Gunakan Tag Kecil Tag HTML tidak case
sensitif: berarti sama seperti . Banyak situs web menggunakan tag
HTML huruf besar. W3Schools menggunakan tag huruf kecil, karena Web
Consortium Dunia Luas (W3C) merekomendasikan lowercase dalam HTML
4, dan tuntutan tag huruf kecil dalam XHTML.2.4 HTML Attributes/
Atribut Elemen HTML dapat memiliki atribut Atribut memberikan
informasi tambahan tentang elemen Atribut selalu ditentukan dalam
tag awal Atribut datang dalam pasangan nama / nilai seperti: nama =
"nilai"Atribut Contoh Link HTML didefinisikan dengan tag . Alamat
link yang ditentukan dalam atribut href: Contoh This is a linkI
WAYAN DIANA | NEW MEDIA INTERACTIVE COMPUTER COLLEGE7TUGAS MODUL
HTML2.5 HTML Headings/ HTML PosHeading / Pos didefinisikan dengan
tag untuk . mendefinisikan heading yang paling penting.
mendefinisikan pos paling tidak penting. Contoh This is a heading
This is a heading This is a heading Pos Apakah Penting Gunakan
judul HTML untuk judul saja. Jangan gunakan judul untuk membuat
teks BESAR atau tebal . Mesin pencari menggunakan judul Anda ke
indeks struktur dan isi dari halaman web Anda. Karena pengguna
dapat skim halaman Anda dengan judul, adalah penting untuk
menggunakan pos untuk menunjukkan struktur dokumen. Judul H1 harus
digunakan sebagai judul utama, diikuti dengan judul H2, maka H3 pos
yang kurang penting, dan sebagainya. HTML Baris Para tag
menciptakan garis horizontal dalam sebuah halaman HTML. Unsur jam
dapat digunakan untuk konten terpisah: Contoh This is a paragraph
This is a paragraph This is a paragraph HTML Komentar Komentar
dapat disisipkan ke dalam kode HTML untuk membuatnya lebih mudah
dibaca dan dimengerti. Komentar diabaikan oleh browser dan tidak
ditampilkan.I WAYAN DIANA | NEW MEDIA INTERACTIVE COMPUTER
COLLEGE8TUGAS MODUL HTMLKomentar ditulis seperti ini: Contoh Tips
HTML - Cara Lihat Sumber HTML Pernahkah Anda melihat halaman Web
dan bertanya-tanya "Hei! Bagaimana mereka melakukan itu?" Untuk
mengetahui, klik kanan pada halaman dan pilih "View Source" (IE)
atau "View Page Source" (Firefox), atau serupa untuk browser
lainnya. Ini akan membuka jendela yang berisi kode HTML dari
halaman. Tag HTML Referensi W3Schools referensi tag 'berisi
informasi tambahan tentang tag dan atribut mereka. Anda akan
mempelajari lebih lanjut tentang tag HTML dan atribut dalam bab-bab
berikutnya dari tutorial ini. Tag untuk Deskripsi Mendefinisikan
sebuah dokumen HTML Mendefinisikan tubuh dokumen Mendefinisikan
judul HTML Mendefinisikan sebuah garis horizontal Mendefinisikan
komentar2.6 HTML Paragraphs/ Paragraf HTMLParagraf didefinisikan
dengan tag . Contoh This is a paragraph This is another paragraph
Catatan: Browser secara otomatis menambahkan baris kosong sebelum
dan sesudah paragraf. Jangan Lupakan Tag Akhir Kebanyakan browser
akan menampilkan HTML dengan benar bahkan jika Anda lupa tag
akhir:I WAYAN DIANA | NEW MEDIA INTERACTIVE COMPUTER COLLEGE 9TUGAS
MODUL HTMLContoh This is a paragraph This is another
paragraphContoh di atas akan bekerja di hampir semua browser, tapi
jangan bergantung pada itu. Melupakan tag akhir dapat menghasilkan
hasil yang tidak diharapkan atau kesalahan. Catatan: Masa Depan
versi HTML tidak akan memungkinkan Anda untuk melewatkan tag akhir.
HTML Line Breaks Gunakan tag
jika Anda ingin istirahat baris (baris baru) tanpa perlu memulai
sebuah paragraf baru: Contoh This is
a para
graph with line breaks Unsur
adalah elemen HTML yang kosong. Tidak memiliki tag penutup.
atau
Dalam XHTML, XML, elemen tanpa tag penutup (tag penutup) tidak
diperbolehkan. Bahkan jika bekerja
di semua browser, menulis
bukan bekerja lebih baik dalam aplikasi XHTML dan XML. HTML Output
- Tips Berguna Anda tidak bisa yakin bagaimana HTML akan
ditampilkan. Layar besar atau kecil, dan jendela ukurannya akan
menciptakan hasil yang berbeda. Dengan HTML, Anda tidak dapat
mengubah output dengan menambahkan spasi ekstra atau baris ekstra
dalam kode HTML Anda. Browser akan menghapus spasi ekstra dan garis
ekstra saat halaman ditampilkan. Setiap jumlah baris dihitung
sebagai satu baris, dan sejumlah ruang dihitung sebagai satu spasi.
Tag HTML Referensi W3Schools referensi tag 'berisi informasi
tambahan tentang elemen HTML dan atribut mereka.I WAYAN DIANA | NEW
MEDIA INTERACTIVE COMPUTER COLLEGE 1 0TUGAS MODUL HTMLTag
Deskripsi Mendefinisikan sebuah paragraf Menyisipkan line break
tunggal2.7 HTML Formatting/ Memformat HTMLHTML Memformat Teks This
text is bold This text is big This text is italic This is computer
output This is subscript and superscript Memformat Teks Tag HTML
Tag Deskripsi Mendefinisikan teks tebal Mendefinisikan teks besar
Mendefinisikan teks menekankan Mendefinisikan teks miring
Mendefinisikan teks kecil Mendefinisikan teks yang kuat
Mendefinisikan teks subscript Mendefinisikan teks superscripted
Mendefinisikan teks dimasukkan Mendefinisikan teks yang dihapusHTML
"Output Komputer" Tag Tag Deskripsi Mendefinisikan teks kode
komputer Mendefinisikan teks Keyboard Mendefinisikan sampel kode
komputer Mendefinisikan teks teletype Mendefinisikan variabel
Mendefinisikan teks terformatI WAYAN DIANA | NEW MEDIA INTERACTIVE
COMPUTER COLLEGE1 1TUGAS MODUL HTMLKutipan HTML, Kutipan, dan Tag
Definisi Tag Deskripsi Mendefinisikan singkatan Mendefinisikan
akronim Mendefinisikan informasi kontak untuk penulis / pemilik
dokumen Mendefinisikan arah teks Mendefinisikan sebuah kutipan
panjang Mendefinisikan sebuah kutipan singkat Mendefinisikan
kutipan Mendefinisikan sebuah istilah definisi2.8 HTML FontsTag
HTML TIDAK Harus Digunakan Tag didepresiasi dalam HTML 4, dan
dihapus dari HTML5. Dunia Web Consortium Luas (W3C) telah
menghilangkan tag dari rekomendasinya. Dalam HTML 4, style sheet
(CSS) harus digunakan untuk mendefinisikan sifat layout dan
tampilan untuk elemen HTML banyak. Contoh di bawah ini menunjukkan
bagaimana HTML bisa terlihat dengan menggunakan tag : Contoh This
paragraph is in Arial, size 5, and in red text color. This
paragraph is in Verdana, size 3, and in blue text color. I WAYAN
DIANA | NEW MEDIA INTERACTIVE COMPUTER COLLEGE1 2TUGAS MODUL
HTML2.9 HTML StylesCSS digunakan untuk elemen HTML gaya.Lihat! Gaya
dan warna Teks ini adalah dalam Verdana dan merah Teks ini dalam
Times dan biru Teks ini adalah 30 piksel tinggiStyling HTML dengan
CSS CSS diperkenalkan bersama-sama dengan HTML 4, untuk menyediakan
cara yang lebih baik untuk elemen HTML gaya. CSS dapat ditambahkan
ke HTML dengan cara berikut: dalam file style sheet yang terpisah
(file CSS) dalam elemen style di bagian kepala HTML dalam atribut
style pada elemen HTML tunggalMenggunakan Atribut HTML Style Hal
ini memakan waktu dan sangat tidak praktis untuk elemen HTML gaya
menggunakan atribut style. Cara yang disukai untuk menambahkan CSS
untuk HTML, adalah untuk menempatkan sintaks CSS pada file CSS yang
terpisah. Namun, dalam tutorial ini kami akan memperkenalkan HTML
Anda untuk CSS menggunakan atribut style. Hal ini dilakukan untuk
menyederhanakan contoh. Hal ini juga membuat lebih mudah bagi Anda
untuk mengedit kode dan mencoba sendiri.I WAYAN DIANA | Lihat! Gaya
dan warna1 3TUGAS MODUL HTMLHTML Contoh Gaya - Warna Latar Belakang
Properti background-color mendefinisikan warna latar belakang untuk
elemen: Contoh This is a heading This is a paragraph. HTML Contoh
Gaya - Font, Warna dan Ukuran Font-keluarga, warna, dan font-size
mendefinisikan properti font, warna, dan ukuran teks dalam suatu
elemen: Contoh A heading A paragraph. HTML Contoh Gaya - Alignment
Teks Properti text-align menentukan keselarasan horizontal teks
dalam suatu elemen: Contoh Center-aligned heading This is a
paragraph. I WAYAN DIANA | Lihat! Gaya dan warna1 4TUGAS MODUL
HTMLTags usang dan Atribut Dalam HTML 4, tag dan beberapa atribut
usang. Usang berarti bahwa mereka tidak akan didukung dalam versi
masa depan dari HTML. Pesannya adalah jelas: Hindari menggunakan
tag dan atribut usang! Tag dan atribut harus dihindari: Tags dan
dan Atribut meluruskan bgcolor warna Deskripsi Usang.
Mendefinisikan konten berpusat Usang. Mendefinisikan font HTML
Usang. Mendefinisikan teks strikethrough Usang. Mendefinisikan teks
yang digarisbawahi Deskripsi Usang. Mendefinisikan alignment teks
Usang. Mendefinisikan warna latar belakang Usang. Mendefinisikan
warna teks2.10 HTML LinksLink yang ditemukan di hampir semua
halaman web. Link memungkinkan pengguna untuk mengklik jalan mereka
dari halaman ke halaman. HTML Hyperlink (Link) Sebuah hyperlink
(atau link) adalah kata, kelompok kata, atau gambar yang dapat Anda
klik untuk melompat ke dokumen baru atau bagian baru dalam dokumen
ini. Bila Anda memindahkan kursor ke suatu link di halaman web,
tanda panah akan berubah menjadi tangan kecil. Link yang ditentukan
dalam HTML menggunakan tag . Tag dapat digunakan dalam dua cara: 1.
Untuk membuat link ke dokumen lain, dengan menggunakan atribut href
1. Untuk membuat bookmark di dalam dokumen, dengan menggunakan nama
atributI WAYAN DIANA | Lihat! Gaya dan warna1 5TUGAS MODUL
HTMLSintaks HTML Tautan Kode HTML untuk link sederhana. Ini
terlihat seperti ini: Link text Atribut href menentukan tujuan
link. Contoh Visit W3Schools yang akan menampilkan seperti ini:
W3Schools Kunjungi Mengklik hyperlink ini akan mengirim pengguna ke
situs W3Schools '. Tip: The " teks link "tidak harus berupa teks.
Hal ini dapat gambar atau elemen HTML lainnya. Link HTML - Atribut
target yang Atribut target menentukan di mana untuk membuka dokumen
terkait. Contoh di bawah ini akan membuka dokumen terkait dalam
jendela browser baru atau tab baru: Contoh Visit W3Schools! Link
HTML - Atribut Nama Atribut name menspesifikasikan nama anchor.
Atribut name digunakan untuk membuat bookmark di dalam sebuah
dokumen HTML. Catatan: standar HTML5 mendatang menyarankan
menggunakan atribut id bukan nama atribut untuk menentukan nama
anchor. Menggunakan atribut id benar-benar bekerja juga untuk HTML4
di semua browser modern. Bookmark tidak ditampilkan dalam cara
khusus. Mereka terlihat bagi pembaca.I WAYAN DIANA | Lihat! Gaya
dan warna1 6TUGAS MODUL HTMLContoh Sebuah named anchor di dalam
sebuah dokumen HTML: Useful Tips Section Buat link ke "Bagian Tips
Berguna" di dalam dokumen yang sama: Visit the Useful Tips Section
Atau, membuat link ke "Tips Berguna Bagian" dari halaman lain:
Visit the Useful Tips SectionCatatan Dasar - Tips Berguna Catatan:
Selalu menambahkan trailing slash untuk referensi subfolder. Jika
Anda link seperti ini: href = "http://www.w3schools.com/html", Anda
akan menghasilkan dua permintaan ke server, server akan menambahkan
garis miring pertama untuk alamat, dan kemudian membuat permintaan
baru seperti ini : href = "http://www.w3schools.com/html/". Tip:
jangkar Named sering digunakan untuk membuat "daftar isi" di awal
sebuah dokumen yang besar. Setiap bab dalam dokumen diberikan
anchor bernama, dan link ke masing-masing jangkar diletakkan di
bagian atas dokumen. HTML Tags Tautan Tag Deskripsi Mendefinisikan
anchorI WAYAN DIANA | Lihat! Gaya dan warna1 7TUGAS MODUL HTML2.11
HTML Images/ GambarContoh Norwegian Mountain TripHTML Gambar - Tag
dan Atribut Src Dalam HTML, gambar didefinisikan dengan tag . Tag
kosong, yang berarti bahwa itu hanya berisi atribut, dan tidak
memiliki tag penutup. Untuk menampilkan sebuah gambar pada halaman,
Anda perlu menggunakan atribut src. Src singkatan dari "sumber".
Nilai dari atribut src adalah URL dari gambar yang ingin
ditampilkan. Sintaks untuk mendefinisikan gambar: URL menunjuk ke
lokasi di mana gambar disimpan. Sebuah gambar bernama "boat.gif",
yang terletak di direktori "images" pada "www.w3schools.com"
memiliki URL: http://www.w3schools.com/images/boat.gif. Browser
menampilkan gambar di mana tag terjadi dalam dokumen. Jika Anda
menempatkan tag gambar antara dua paragraf, browser menunjukkan
paragraf pertama, kemudian gambar, dan kemudian paragraf kedua.
HTML Gambar - Atribut AltI WAYAN DIANA | Lihat! Gaya dan warna1
8TUGAS MODUL HTMLAtribut alt diperlukan menentukan sebuah teks
alternatif untuk gambar, jika gambar tidak dapat ditampilkan. Nilai
atribut alt adalah seorang penulis-didefinisikan teks: Atribut alt
menyediakan informasi alternatif bagi gambar jika pengguna untuk
beberapa alasan tidak bisa melihatnya (karena koneksi yang lambat,
kesalahan dalam atribut src, atau jika pengguna menggunakan pembaca
layar). HTML Gambar - Mengatur Tinggi dan Lebar dari suatu Gambar
Tinggi dan atribut lebar digunakan untuk menentukan tinggi dan
lebar dari suatu gambar. Nilai atribut yang ditetapkan dalam piksel
secara default: Tip: Ini adalah praktik yang baik untuk menentukan
baik tinggi dan atribut lebar untuk gambar. Jika atribut ini
ditetapkan, ruang yang diperlukan untuk gambar dicadangkan saat
halaman dimuat. Namun, tanpa atribut-atribut ini, browser tidak
mengetahui ukuran gambar. Efeknya akan bahwa tata letak halaman
akan berubah selama pemuatan (sedangkan beban gambar). Catatan
Dasar - Tips Berguna Catatan: Jika sebuah file HTML berisi sepuluh
gambar - sebelas file yang dibutuhkan untuk menampilkan halaman
yang tepat. Gambar loading membutuhkan waktu, jadi saran saya yang
terbaik adalah: gambar Gunakan hatihati. Catatan: Ketika sebuah
halaman web dimuat, itu adalah browser, pada saat itu, yang
benar-benar mendapatkan gambar dari server web dan memasukkan ke
dalam halaman. Karena itu, pastikan bahwa gambar sebenarnya tinggal
di tempat yang sama dalam hubungannya dengan halaman web, jika
pengunjung Anda akan mendapatkan ikon link rusak. Ikon broken link
ditampilkan jika browser tidak dapat menemukan gambar. HTML Tags
Gambar Tag Deskripsi Mendefinisikan gambar Mendefinisikan
gambar-peta Mendefinisikan daerah yang dapat diklik dalam sebuah
peta gambar-I WAYAN DIANA | Lihat! Gaya dan warna1 9TUGAS MODUL
HTML2.12 HTML Table/ Tabel HTMLTabel HTML Apel Pisang Jeruk Lainnya
Tabel HTML Tabel didefinisikan dengan tag . Sebuah tabel dibagi
menjadi baris (dengan tag tr), dan setiap baris dibagi menjadi
sel-sel data (dengan tag ). td singkatan dari "data tabel", dan
memegang isi sel data. Sebuah tag dapat berisi teks, link, gambar,
daftar, bentuk, tabel lain, dll Tabel Contoh row 1, cell 1 row 1,
cell 2 row 2, cell 1 row 2, cell 2 44% 23% 13% 10%Bagaimana kode
HTML di atas terlihat dalam browser: baris 1, sel 1 baris 2, sel 1
baris 1, sel 2 baris 2, sel 2Tabel HTML dan Atribut Perbatasan Jika
Anda tidak menentukan atribut perbatasan, tabel akan ditampilkan
tanpa batas. Kadang-kadang ini dapat berguna, tetapi sebagian besar
waktu, kita ingin menunjukkan perbatasan.I WAYAN DIANA | Lihat!
Gaya dan warna2 0TUGAS MODUL HTMLUntuk menampilkan tabel dengan
perbatasan, menentukan atribut perbatasan: Row 1, cell 1 Row 1,
cell 2 Header Tabel HTML Informasi header dalam tabel didefinisikan
dengan tag . Semua browser utama akan menampilkan teks dalam elemen
sebagai tebal dan terpusat. Header 1 Header 2 row 1, cell 1 row 1,
cell 2 row 2, cell 1 row 2, cell 2 Bagaimana kode HTML di atas
terlihat pada browser Anda: Header 1 baris 1, sel 1 baris 2, sel 1
Header 2 baris 1, sel 2 baris 2, sel 2Tabel HTML Tag Tag Deskripsi
Mendefinisikan tabel Mendefinisikan sebuah header tabel
Mendefinisikan sebuah baris tabel Mendefinisikan sebuah sel tabelI
WAYAN DIANA | Lihat! Gaya dan warna 2 1TUGAS MODUL HTML
Mendefinisikan sebuah caption tabel Mendefinisikan sekelompok kolom
dalam sebuah tabel, untuk format Mendefinisikan nilai atribut untuk
satu atau lebih kolom dalam sebuah tabel Grup isi header dalam
tabel Grup isi tubuh dalam sebuah tabel Kelompok footer konten
dalam sebuah tabel2.13 HTML Lists/ HTML DaftarDaftar HTML yang
paling umum adalah memerintahkan dan daftar unordered: HTML Daftar
An ordered list: 1. 2. 3. The first list item The second list item
The third list item An unordered list: List item List item List
itemUnordered Lists HTML Unordered list dimulai dengan tag
. Setiap item daftar dimulai dengan tag . Daftar item
ditandai dengan peluru (lingkaran hitam biasanya kecil).
CoffeeMilk Bagaimana kode HTML di atas terlihat dalam browser:
Kopi SusuI WAYAN DIANA | Lihat! Gaya dan warna2 2TUGAS MODUL
HTMLHTML Memerintahkan Daftar Ordered list dimulai dengan tag .
Setiap item daftar dimulai dengan tag . Daftar item ditandai dengan
angka. Coffee Milk Bagaimana kode HTML di atas terlihat dalam
browser: 1. 2. Kopi SusuDaftar Definisi HTML Sebuah daftar definisi
adalah daftar item, dengan deskripsi dari setiap item. Tag
mendefinisikan daftar definisi. Tag digunakan dalam hubungannya
dengan (mendefinisikan item dalam daftar) dan (menjelaskan item
dalam daftar): Coffee - black hot drink Milk - white cold drink
Bagaimana kode HTML di atas terlihat dalam browser: Kopi - Minuman
panas hitam Susu - Minuman dingin putihI WAYAN DIANA | Lihat! Gaya
dan warna2 3TUGAS MODUL HTMLCatatan Dasar - Tips Berguna Tip: Di
dalam sebuah item daftar Anda dapat menempatkan jeda baris teks,
gambar, link, daftar lainnya, dll HTML Tags Daftar Tag
Deskripsi Mendefinisikan daftar ordered Mendefinisikan daftar
unordered Mendefinisikan sebuah item daftar Mendefinisikan sebuah
daftar definisi Mendefinisikan item dalam daftar definisi
Mendefinisikan deskripsi dari item dalam daftar definisi2.14 HTML
Forms/ Form HTML Form HTML digunakan untuk memilih berbagai jenis
input pengguna. HTML Formulir Bentuk HTML digunakan untuk
melewatkan data ke server. Suatu bentuk dapat berisi elemen input
seperti bidang teks, checkbox, radio button, tombol submit dan
banyak lagi. Bentuk A juga dapat berisi daftar pilih, textarea,
fieldset, legenda, dan elemen label. Tag digunakan untuk membuat
sebuah form HTML: . input elements . Bentuk HTML - Elemen input
Unsur bentuk yang paling penting adalah elemen input. Elemen input
digunakan untuk memilih informasi pengguna. Sebuah elemen input
dapat bervariasi dalam banyak cara, tergantung pada jenis atribut.
Sebuah elemen input dapat dari bidang jenis teks, kotak centang,
sandi, tombol radio, tombol submit, dan banyak lagi.I WAYAN DIANA |
Lihat! Gaya dan warna2 4TUGAS MODUL HTMLJenis input yang paling
digunakan dijelaskan di bawah ini. Teks Fields mendefinisikan
lapangan satu baris masukan bahwa pengguna dapat memasukkan teks
ke: First name:
Last name: Bagaimana kode HTML di atas terlihat dalam browser:
Pertama Nama: Nama Terakhir: Catatan: Bentuk itu sendiri tidak
terlihat. Juga catat bahwa lebar default dari kolom teks adalah 20
karakter. Sandi Lapangan mendefinisikan field kata sandi: Password:
Bagaimana kode HTML di atas terlihat dalam browser: Sandi :
Catatan: Karakter dalam bidang password bertopeng (ditampilkan
sebagai tanda bintang atau lingkaran). Tombol radio mendefinisikan
tombol radio. Tombol radio membolehkan user memilih HANYA SATU dari
sejumlah pilihan yang terbatas: Male
Female I WAYAN DIANA | Lihat! Gaya dan warna 2 5TUGAS MODUL
HTMLBagaimana kode HTML di atas terlihat dalam browser: Laki-laki
Perempuan Checkbox mendefinisikan sebuah kotak centang. Checkbox
membolehkan user pilih SATU atau LEBIH pilihan dari sejumlah
pilihan yang terbatas. I have a bike
I have a car Bagaimana kode HTML di atas terlihat dalam browser:
Saya memiliki sepeda Saya memiliki mobil Tombol Kirim
mendefinisikan sebuah tombol submit. Sebuah tombol submit digunakan
untuk mengirim data formulir ke server. Data dikirim ke halaman
tertentu dalam atribut action form. File didefinisikan dalam
atribut action biasanya melakukan sesuatu dengan input yang
diterima: Username: Bagaimana kode HTML di atas terlihat dalam
browser: Username:MenyerahkanJika Anda mengetik beberapa karakter
dalam kolom teks di atas, dan klik tombol "Kirim", browser akan
mengirimkan masukan Anda ke halaman yang disebut
"html_form_action.asp". Halaman ini akan menunjukkan input yang
diterima.I WAYAN DIANA | Lihat! Gaya dan warna2 6TUGAS MODUL
HTMLFormulir HTML Tag Tag Deskripsi Mendefinisikan sebuah form HTML
untuk input pengguna Mendefinisikan kontrol input Mendefinisikan
sebuah kontrol multi-baris teks masukan Mendefinisikan label untuk
suatu elemen input Mendefinisikan sebuah perbatasan di sekitar
elemen dalam bentuk Mendefinisikan sebuah caption untuk elemen
fieldset Mendefinisikan daftar pilih (daftar drop-down)
Mendefinisikan kelompok pilihan yang terkait dalam daftar pilih
Mendefinisikan pilihan dalam daftar pilih Mendefinisikan sebuah
tombol push2.15 HTML Frames/ HTML FrameDengan frame, beberapa
halaman Web dapat ditampilkan di jendela browser yang sama.
PERHATIAN. Jangan berharap frame yang akan didukung pada versi
mendatang dari HTML. HTML Frame Dengan frame, Anda dapat
menampilkan lebih dari satu dokumen HTML di jendela browser yang
sama. Setiap dokumen HTML disebut sebuah frame, dan setiap frame
adalah independen dari yang lain. Kelemahan dari menggunakan frame
adalah: Frame yang tidak diharapkan akan didukung pada versi
mendatang dari HTML Frame sulit untuk digunakan. (Mencetak seluruh
halaman sulit). Pengembang web harus melacak dokumen HTML
lebihElemen HTML frameset Elemen frameset memegang satu atau lebih
elemen frame. Setiap elemen frame dapat memegang dokumen yang
terpisah. Elemen frameset menyatakan BERAPA BANYAK kolom atau baris
akan ada dalam rangkaian bingkai, dan berapa banyak persentase /
pixel dari ruang akan menempati masing-masing.I WAYAN DIANA |
Lihat! Gaya dan warna2 7TUGAS MODUL HTMLElemen HTML bingkai Tag
mendefinisikan satu jendela tertentu (frame) dalam sebuah frameset.
Pada contoh di bawah kita memiliki sebuah frameset dengan dua
kolom. Kolom pertama diatur ke 25% dari lebar jendela browser.
Kolom kedua adalah set ke 75% dari lebar jendela browser. Dokumen
"frame_a.htm" adalah dimasukkan ke dalam kolom pertama, dan dokumen
"frame_b.htm" adalah dimasukkan ke dalam kolom kedua: Catatan:
Ukuran kolom frameset juga dapat diatur dalam pixel (cols =
"200.500"), dan salah satu kolom dapat diatur untuk menggunakan
ruang yang tersisa, dengan asterisk (cols = "25 %,*"). Catatan
Dasar - Tips Berguna Tip: Jika sebuah frame memiliki batas
terlihat, pengguna dapat mengubah ukuran dengan menarik perbatasan.
Untuk mencegah pengguna dari melakukan ini, Anda dapat menambahkan
noresize = "noresize" ke tag . Catatan: Tambahkan tag untuk browser
yang tidak mendukung frame. Penting: Anda tidak dapat menggunakan
tag bersama-sama dengan tag! Namun, jika Anda menambahkan sebuah
tag berisi beberapa teks untuk browser yang tidak mendukung frame,
Anda harus mengapit teks dengan tag! Lihat bagaimana hal itu
dilakukan dalam contoh pertama di bawah ini. HTML Tags Bingkai Tag
Deskripsi Mendefinisikan satu set frame Mendefinisikan sebuah sub
window (frame) Mendefinisikan bagian noframe untuk browser yang
tidak menangani frameI WAYAN DIANA | Lihat! Gaya dan warna2 8TUGAS
MODUL HTML2.16 HTML IframesIframe ini digunakan untuk menampilkan
halaman web dalam halaman web. Sintaks untuk menambahkan iframe:
URL menunjuk ke lokasi dari halaman yang terpisah. Iframe -
Mengatur Tinggi dan Lebar Tinggi dan atribut lebar digunakan untuk
menentukan tinggi dan lebar dari iframe. Nilai atribut yang
ditetapkan dalam pixel secara default, tetapi mereka juga dapat
dalam persen (seperti "80%"). Contoh Iframe - Hapus Perbatasan
Atribut frameborder menentukan apakah atau tidak untuk menampilkan
perbatasan sekitar iframe. Mengatur nilai atribut untuk "0" untuk
menghapus perbatasan: Contoh Menggunakan iframe sebagai Sasaran
untuk sebuah Link Iframe dapat digunakan sebagai kerangka target
untuk link. Atribut target link harus mengacu pada nama atribut
iframe: Contoh W3Schools.comI WAYAN DIANA | Lihat! Gaya dan warna 2
9TUGAS MODUL HTMLTag HTML iframe Tag Deskripsi Mendefinisikan
sebuah inline sub window (frame)2.17 HTML Color/ Warna HTMLWarna
yang ditampilkan menggabungkan MERAH, HIJAU, BIRU dan cahaya. Warna
Nilai Warna HTML didefinisikan menggunakan notasi heksadesimal
(HEX) untuk kombinasi Merah, Hijau, dan nilai-nilai warna Biru
(RGB). Nilai terendah yang dapat diberikan kepada salah satu sumber
cahaya adalah 0 (dalam Hex: 00). Nilai tertinggi adalah 255 (dalam
Hex: FF). Nilai HEX ditetapkan sebagai 3 pasang dari dua digit
angka, dimulai dengan tanda #. Warna Nilai Warna Warna HEX # 000000
# FF0000 # 00FF00 # 0000FF # FFFF00 # 00FFFF # FF00FF # C0C0C0 #
FFFFFF 16 Juta Warna Berbeda Kombinasi Merah, Hijau, Biru dan
nilai-nilai dari 0 sampai 255, memberikan lebih dari 16 juta warna
yang berbeda (256 x 256 x 256). Jika Anda melihat tabel warna di
bawah ini, Anda akan melihat hasil dari berbagai cahaya merah dari
0 sampai 255, sementara menjaga lampu hijau dan biru pada nol.I
WAYAN DIANA | Lihat! Gaya dan warna 3 0Warna RGB rgb (0,0,0) rgb
(255,0,0) rgb (0,255,0) rgb (0,0,255) rgb (255,255,0) rgb (0255255)
rgb (255,0,255) rgb (192192192) rgb (255255255)TUGAS MODUL
HTMLUntuk melihat daftar penuh warna campuran ketika MERAH
bervariasi dari 0 sampai 255, klik pada salah satu HEX atau nilai
RGB di bawah ini. Lampu merah Warna HEX # 000000 # 080000 # 100000
# 180000 # 200000 # 280000 # 300000 # 380000 # 400000 # 480000 #
500000 # 580000 # 600000 # 680000 # 700000 # 780000 # 800000 #
880000 # 900000 # 980000 # A00000 # A80000 # B00000 # B80000 #
C00000 # C80000 # D00000 # D80000 # E00000 # E80000 # F00000 #
F80000 # FF0000 Warna RGB rgb (0,0,0) rgb (8,0,0) rgb (16,0,0) rgb
(24,0,0) rgb (32,0,0) rgb (40,0,0) rgb (48,0,0) rgb (56,0,0) rgb
(64,0,0) rgb (72,0,0) rgb (80,0,0) rgb (88,0,0) rgb (96,0,0) rgb
(104,0,0) rgb (112,0,0) rgb (120,0,0) rgb (128,0,0) rgb (136,0,0)
rgb (144,0,0) rgb (152,0,0) rgb (160,0,0) rgb (168,0,0) rgb
(176,0,0) rgb (184,0,0) rgb (192,0,0) rgb (200,0,0) rgb (208,0,0)
rgb (216,0,0) rgb (224,0,0) rgb (232,0,0) rgb (240,0,0) rgb
(248,0,0) rgb (255,0,0)I WAYAN DIANA | Lihat! Gaya dan warna3
1TUGAS MODUL HTMLNuansa Gray Warna abu-abu yang dibuat dengan
menggunakan jumlah yang sama daya ke semua sumber cahaya. Untuk
membuatnya lebih mudah bagi Anda untuk memilih warna yang benar,
kami telah membuat sebuah tabel nuansa abu-abu untuk Anda: Gray
Shades Warna HEX # 000000 # 080808 # 101010 # 181818 # 202020 #
282828 # 303030 # 383838 # 404040 # 484848 # 505050 # 585858 #
606060 # 686868 # 707070 # 787878 # 808080 # 888888 # 909090 #
989898 # A0A0A0 # A8A8A8 # B0B0B0 # B8B8B8 # C0C0C0 # C8C8C8 #
D0D0D0 Warna RGB rgb (0,0,0) rgb (8,8,8) rgb (16,16,16) rgb
(24,24,24) rgb (32,32,32) rgb (40,40,40) rgb (48,48,48) rgb
(56,56,56) rgb (64,64,64) rgb (72,72,72) rgb (80,80,80) rgb
(88,88,88) rgb (96,96,96) rgb (104104104) rgb (112112112) rgb
(120120120) rgb (128128128) rgb (136136136) rgb (144144144) rgb
(152152152) rgb (160160160) rgb (168168168) rgb (176176176) rgb
(184184184) rgb (192192192) rgb (200200200) rgb (208208208)3 2I
WAYAN DIANA | Lihat! Gaya dan warnaTUGAS MODUL HTML# D8D8D8 #
E0E0E0 # E8E8E8 # F0F0F0 # F8F8F8 # FFFFFFrgb (216216216) rgb
(224224224) rgb (232232232) rgb (240240240) rgb (248248248) rgb
(255255255)Warna Safe Web? Beberapa tahun lalu, ketika komputer
didukung maks 256 warna yang berbeda, daftar 216 "Warna Safe Web"
diusulkan sebagai standar Web, sisakan 40 warna sistem tetap. The
216 lintas-browser palet warna diciptakan untuk memastikan bahwa
semua komputer akan menampilkan warna dengan benar ketika
menjalankan sebuah palet warna 256. Hal ini tidak penting hari ini,
karena kebanyakan komputer dapat menampilkan jutaan warna yang
berbeda. Anyway, di sini adalah daftar:000000 003300 006600 009900
00CC00 00FF00 330000 333300 336600 339900 33CC00 33FF00 660000
000033 003333 006633 009933 00CC33 00FF33 330033 333333 336633
339933 33CC33 33FF33 660033 000066 003366 006666 009966 00CC66
00FF66 330066 333366 336666 339966 33CC66 33FF66 660066 000099
003399 006699 009999 00CC99 00FF99 330099 333399 336699 339999
33CC99 33FF99 660099 0000CC 0033CC 0066CC 0099CC 00CCCC 00FFCC
3300CC 3333CC 3366CC 3399CC 33CCCC 33FFCC 6600CC 0000FF 0033FF
0066FF 0099FF 00CCFF 00FFFF 3300FF 3333FF 3366FF 3399FF 33CCFF
33FFFF 6600FFI WAYAN DIANA | Lihat! Gaya dan warna3 3TUGAS MODUL
HTML663300 666600 669900 66CC00 66FF00 990000 993300 996600 999900
99CC00 99FF00 Cc0000 CC3300 CC6600 CC9900 CCCC00 CCFF00 FF0000
FF3300 FF6600 FF9900 FFCC00 FFFF00663333 666633 669933 66CC33
66FF33 990033 993333 996633 999933 99CC33 99FF33 CC0033 CC3333
CC6633 CC9933 CCCC33 CCFF33 FF0033 FF3333 FF6633 FF9933 FFCC33
FFFF33663366 666666 669966 66CC66 66FF66 990066 993366 996666
999966 99CC66 99FF66 CC0066 CC3366 CC6666 CC9966 CCCC66 CCFF66
FF0066 FF3366 FF6666 FF9966 FFCC66 FFFF66663399 666699 669999
66CC99 66FF99 990099 993399 996699 999999 99CC99 99FF99 CC0099
CC3399 CC6699 CC9999 CCCC99 CCFF99 FF0099 FF3399 FF6699 FF9999
FFCC99 FFFF996633CC 6666CC 6699CC 66CCCC 66FFCC 9900CC 9933CC
9966CC 9999CC 99CCCC 99FFCC CC00CC CC33CC CC66CC CC99CC Cccccc
CCFFCC FF00CC FF33CC FF66CC FF99CC FFCCCC FFFFCC6633FF 6666FF
6699FF 66CCFF 66FFFF 9900FF 9933FF 9966FF 9999FF 99CCFF 99FFFF
CC00FF CC33FF CC66FF CC99FF CCCCFF CCFFFF FF00FF FF33FF FF66FF
FF99FF FFCCFF FFFFFFI WAYAN DIANA | Lihat! Gaya dan warna3 4TUGAS
MODUL HTML2.18 HTML Colorname/ Nama WarnaNama Warna Didukung oleh
Semua Browser 147 nama warna yang didefinisikan dalam HTML dan CSS
spesifikasi warna (17 warna standar ditambah 130 lebih). Tabel di
bawah ini daftar mereka semua, bersama dengan nilai-nilai
heksadesimal mereka. Tip: The 17 warna standar adalah: aqua, hitam,
biru, fuchsia, abu-abu, abu-abu, hijau, jeruk nipis, marun, biru,
zaitun, ungu, merah, perak, nyata, putih, dan kuning. Klik pada
nama warna (atau nilai hex) untuk melihat warna sebagai warna latar
belakang-bersama dengan warna teks yang berbeda: Diurut berdasarkan
Nama WarnaNama Warna AliceBlue AntiqueWhite Aqua Aquamarine Biru
langit Krem Sup dr burung Hitam BlanchedAlmond Biru BlueViolet
Coklat BurlyWood CadetBlue Minuman keras manis Coklat Karang
CornflowerBlue Cornsilk Merah tua Cyan Biru tua DarkCyan HEX #
F0F8FF # FAEBD7 # 00FFFF # 7FFFD4 # F0FFFF # F5F5DC # FFE4C4 #
000000 # FFEBCD # 0000FF # 8A2BE2 # A52A2A # DEB887 # 5F9EA0 #
7FFF00 # D2691E # FF7F50 # 6495ED # FFF8DC # DC143C # 00FFFF #
00008B # 008B8B Warna Shades Shades Shades Shades Shades Shades
Shades Shades Shades Shades Shades Shades Shades Shades Shades
Shades Shades Shades Shades Shades Shades Shades Shades Shades
Campuran Campuran Campuran Campuran Campuran Campuran Campuran
Campuran Campuran Campuran Campuran Campuran Campuran Campuran
Campuran Campuran Campuran Campuran Campuran Campuran Campuran
Campuran Campuran CampuranI WAYAN DIANA | Lihat! Gaya dan warna3
5TUGAS MODUL HTMLDarkGoldenRod DarkGray DarkGrey DarkGreen
DarkKhaki DarkMagenta DarkOliveGreen Darkorange DarkOrchid DarkRed
DarkSalmon DarkSeaGreen DarkSlateBlue DarkSlateGray DarkSlateGrey
DarkTurquoise DarkViolet DeepPink DeepSkyBlue DimGray DimGrey
DodgerBlue Batu bata tahan api FloralWhite ForestGreen Fuchsia
Gainsboro GhostWhite Emas Goldenrod Abu-abu Abu-abu Hijau
GreenYellow Honeydew HotPink IndianRed Nila Gading Dril# B8860B #
A9A9A9 # A9A9A9 # 006400 # BDB76B # 8B008B # 556B2F # FF8C00 #
9932CC # 8B0000 # E9967A # 8FBC8F # 483D8B # 2F4F4F # 2F4F4F #
00CED1 # 9400D3 # FF1493 # 00BFFF # 696969 # 696969 # 1E90FF #
B22222 # FFFAF0 # 228B22 # FF00FF # DCDCDC # F8F8FF # FFD700 #
DAA520 # 808080 # 808080 # 008000 # ADFF2F # F0FFF0 # FF69B4 #
CD5C5C # 4B0082 # FFFFF0 # F0E68CShades Shades Shades Shades Shades
Shades Shades Shades Shades Shades Shades Shades Shades Shades
Shades Shades Shades Shades Shades Shades Shades Shades Shades
Shades Shades Shades Shades Shades Shades Shades Shades Shades
Shades Shades Shades Shades Shades Shades Shades ShadesCampuran
Campuran Campuran Campuran Campuran Campuran Campuran Campuran
Campuran Campuran Campuran Campuran Campuran Campuran Campuran
Campuran Campuran Campuran Campuran Campuran Campuran Campuran
Campuran Campuran Campuran Campuran Campuran Campuran Campuran
Campuran Campuran Campuran Campuran Campuran Campuran Campuran
Campuran Campuran Campuran CampuranI WAYAN DIANA | Lihat! Gaya dan
warna3 6TUGAS MODUL HTMLLavender LavenderBlush LawnGreen
LemonChiffon Lightblue LightCoral LightCyan LightGoldenRodYellow
LightGray LightGrey LightGreen LightPink LightSalmon LightSeaGreen
LightSkyBlue LightSlateGray LightSlateGrey LightSteelBlue
LightYellow Kapur LimeGreen Linen Magenta Merah tua
MediumAquaMarine MediumBlue MediumOrchid MediumPurple
MediumSeaGreen MediumSlateBlue MediumSpringGreen MediumTurquoise
MediumVioletRed Midnightblue MintCream MistyRose Sepatu sandal
NavajoWhite Angkatan laut OldLace# E6E6FA # FFF0F5 # 7CFC00 #
FFFACD # ADD8E6 # F08080 # E0FFFF # FAFAD2 # D3D3D3 # D3D3D3 #
90EE90 # FFB6C1 # FFA07A # 20B2AA # 87CEFA # 778899 # 778899 #
B0C4DE # FFFFE0 # 00FF00 # 32CD32 # FAF0E6 # FF00FF # 800000 #
66CDAA # 0000CD # BA55D3 # 9370D8 # 3CB371 # 7B68EE # 00FA9A #
48D1CC # C71585 # 191970 # F5FFFA # FFE4E1 # FFE4B5 # FFDEAD #
000080 # FDF5E6Shades Shades Shades Shades Shades Shades Shades
Shades Shades Shades Shades Shades Shades Shades Shades Shades
Shades Shades Shades Shades Shades Shades Shades Shades Shades
Shades Shades Shades Shades Shades Shades Shades Shades Shades
Shades Shades Shades Shades Shades ShadesCampuran Campuran Campuran
Campuran Campuran Campuran Campuran Campuran Campuran Campuran
Campuran Campuran Campuran Campuran Campuran Campuran Campuran
Campuran Campuran Campuran Campuran Campuran Campuran Campuran
Campuran Campuran Campuran Campuran Campuran Campuran Campuran
Campuran Campuran Campuran Campuran Campuran Campuran Campuran
Campuran CampuranI WAYAN DIANA | Lihat! Gaya dan warna3 7TUGAS
MODUL HTMLZaitun OliveDrab Jeruk OrangeRed Anggrek PaleGoldenRod
PaleGreen PaleTurquoise PaleVioletRed PapayaWhip PeachPuff Peru
Warna merah muda Prem PowderBlue Ungu Merah RosyBrown RoyalBlue
SaddleBrown Ikan salmon SandyBrown SeaGreen Lokan Sienna Perak Biru
langit SlateBlue SlateGray SlateGrey Salju SpringGreen SteelBlue
Tan Teal Thistle Tomat Pirus Violet Gandum# 808000 # 6B8E23 #
FFA500 # FF4500 # DA70D6 # EEE8AA # 98FB98 # AFEEEE # D87093 #
FFEFD5 # FFDAB9 # CD853F # FFC0CB # DDA0DD # B0E0E6 # 800080 #
FF0000 # BC8F8F # 4169E1 # 8B4513 # FA8072 # F4A460 # 2E8B57 #
FFF5EE # A0522D # C0C0C0 # 87CEEB # 6A5ACD # 708090 # 708090 #
FFFAFA # 00FF7F # 4682B4 # D2B48C # 008080 # D8BFD8 # FF6347 #
40E0D0 # EE82EE # F5DEB3Shades Shades Shades Shades Shades Shades
Shades Shades Shades Shades Shades Shades Shades Shades Shades
Shades Shades Shades Shades Shades Shades Shades Shades Shades
Shades Shades Shades Shades Shades Shades Shades Shades Shades
Shades Shades Shades Shades Shades Shades ShadesCampuran Campuran
Campuran Campuran Campuran Campuran Campuran Campuran Campuran
Campuran Campuran Campuran Campuran Campuran Campuran Campuran
Campuran Campuran Campuran Campuran Campuran Campuran Campuran
Campuran Campuran Campuran Campuran Campuran Campuran Campuran
Campuran Campuran Campuran Campuran Campuran Campuran Campuran
Campuran Campuran CampuranI WAYAN DIANA | Lihat! Gaya dan warna3
8TUGAS MODUL HTMLPutih WhiteSmoke Kuning YellowGreen# FFFFFF #
F5F5F5 # FFFF00 # 9ACD32Shades Shades Shades ShadesCampuran
Campuran Campuran Campuran2.19 HTML Color Value/ HTML Nilai
WarnaDiurut berdasarkan Nilai HexColor Name Black Navy DarkBlue
MediumBlue Blue DarkGreen Green Teal DarkCyan DeepSkyBlue
DarkTurquoise MediumSpringGreen Lime SpringGreen Aqua Cyan
MidnightBlue DodgerBlue LightSeaGreen ForestGreen SeaGreen
DarkSlateGray DarkSlateGrey LimeGreen MediumSeaGreen Turquoise
RoyalBlue SteelBlue DarkSlateBlue HEX #000000 #000080 #00008B
#0000CD #0000FF #006400 #008000 #008080 #008B8B #00BFFF #00CED1
#00FA9A #00FF00 #00FF7F #00FFFF #00FFFF #191970 #1E90FF #20B2AA
#228B22 #2E8B57 #2F4F4F #2F4F4F #32CD32 #3CB371 #40E0D0 #4169E1
#4682B4 #483D8B Color Shades Shades Shades Shades Shades Shades
Shades Shades Shades Shades Shades Shades Shades Shades Shades
Shades Shades Shades Shades Shades Shades Shades Shades Shades
Shades Shades Shades Shades Shades Shades Mix Mix Mix Mix Mix Mix
Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix
Mix Mix Mix Mix Mix Mix MixI WAYAN DIANA | Lihat! Gaya dan warna3
9TUGAS MODUL HTMLMediumTurquoise Indigo DarkOliveGreen CadetBlue
CornflowerBlue MediumAquaMarine DimGray DimGrey SlateBlue OliveDrab
SlateGray SlateGrey LightSlateGray LightSlateGrey MediumSlateBlue
LawnGreen Chartreuse Aquamarine Maroon Purple Olive Gray Grey
SkyBlue LightSkyBlue BlueViolet DarkRed DarkMagenta SaddleBrown
DarkSeaGreen LightGreen MediumPurple DarkViolet PaleGreen
DarkOrchid YellowGreen Sienna Brown DarkGray DarkGrey
LightBlue#48D1CC #4B0082 #556B2F #5F9EA0 #6495ED #66CDAA #696969
#696969 #6A5ACD #6B8E23 #708090 #708090 #778899 #778899 #7B68EE
#7CFC00 #7FFF00 #7FFFD4 #800000 #800080 #808000 #808080 #808080
#87CEEB #87CEFA #8A2BE2 #8B0000 #8B008B #8B4513 #8FBC8F #90EE90
#9370D8 #9400D3 #98FB98 #9932CC #9ACD32 #A0522D #A52A2A #A9A9A9
#A9A9A9 #ADD8E6Shades Shades Shades Shades Shades Shades Shades
Shades Shades Shades Shades Shades Shades Shades Shades Shades
Shades Shades Shades Shades Shades Shades Shades Shades Shades
Shades Shades Shades Shades Shades Shades Shades Shades Shades
Shades Shades Shades Shades Shades Shades ShadesMix Mix Mix Mix Mix
Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix
Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix
Mix MixI WAYAN DIANA | Lihat! Gaya dan warna4 0TUGAS MODUL
HTMLGreenYellow PaleTurquoise LightSteelBlue PowderBlue FireBrick
DarkGoldenRod MediumOrchid RosyBrown DarkKhaki Silver
MediumVioletRed IndianRed Peru Chocolate Tan LightGray LightGrey
PaleVioletRed Thistle Orchid GoldenRod Crimson Gainsboro Plum
BurlyWood LightCyan Lavender DarkSalmon Violet PaleGoldenRod
LightCoral Khaki AliceBlue HoneyDew Azure SandyBrown Wheat Beige
WhiteSmoke MintCream GhostWhite#ADFF2F #AFEEEE #B0C4DE #B0E0E6
#B22222 #B8860B #BA55D3 #BC8F8F #BDB76B #C0C0C0 #C71585 #CD5C5C
#CD853F #D2691E #D2B48C #D3D3D3 #D3D3D3 #D87093 #D8BFD8 #DA70D6
#DAA520 #DC143C #DCDCDC #DDA0DD #DEB887 #E0FFFF #E6E6FA #E9967A
#EE82EE #EEE8AA #F08080 #F0E68C #F0F8FF #F0FFF0 #F0FFFF #F4A460
#F5DEB3 #F5F5DC #F5F5F5 #F5FFFA #F8F8FFShades Shades Shades Shades
Shades Shades Shades Shades Shades Shades Shades Shades Shades
Shades Shades Shades Shades Shades Shades Shades Shades Shades
Shades Shades Shades Shades Shades Shades Shades Shades Shades
Shades Shades Shades Shades Shades Shades Shades Shades Shades
ShadesMix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix
Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix
Mix Mix Mix Mix Mix Mix Mix Mix MixI WAYAN DIANA | Lihat! Gaya dan
warna4 1TUGAS MODUL HTMLSalmon AntiqueWhite Linen
LightGoldenRodYellow OldLace Red Fuchsia Magenta DeepPink OrangeRed
Tomato HotPink Coral Darkorange LightSalmon Orange LightPink Pink
Gold PeachPuff NavajoWhite Moccasin Bisque MistyRose BlanchedAlmond
PapayaWhip LavenderBlush SeaShell Cornsilk LemonChiffon FloralWhite
Snow Yellow LightYellow Ivory White#FA8072 #FAEBD7 #FAF0E6 #FAFAD2
#FDF5E6 #FF0000 #FF00FF #FF00FF #FF1493 #FF4500 #FF6347 #FF69B4
#FF7F50 #FF8C00 #FFA07A #FFA500 #FFB6C1 #FFC0CB #FFD700 #FFDAB9
#FFDEAD #FFE4B5 #FFE4C4 #FFE4E1 #FFEBCD #FFEFD5 #FFF0F5 #FFF5EE
#FFF8DC #FFFACD #FFFAF0 #FFFAFA #FFFF00 #FFFFE0 #FFFFF0
#FFFFFFShades Shades Shades Shades Shades Shades Shades Shades
Shades Shades Shades Shades Shades Shades Shades Shades Shades
Shades Shades Shades Shades Shades Shades Shades Shades Shades
Shades Shades Shades Shades Shades Shades Shades Shades Shades
ShadesMix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix
Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix
Mix Mix Mix MixI WAYAN DIANA | Lihat! Gaya dan warna4 2TUGAS MODUL
HTML2.20 HTML Quick Lists/ HTML Daftar CepatDokumen HTML Dasar
Judul dokumen masuk sini teks Terlihat goes here ... Elemen Pos
Terbesar Heading . . . . . . . . . . . . Terkecil Heading Teks
Elemen Ini adalah sebuah paragraf
(line break) (horizontal rule) teks ini terformat Logis Styles Teks
ini menekankan teks ini kuat Ini adalah beberapa kode komputer
Fisik Gaya Teks ini ditebalkan teks ini miring I WAYAN DIANA |
Lihat! Gaya dan warna 4 3TUGAS MODUL HTMLLink Link Biasa: Link-teks
masuk sini Gambar-link: Link Mailto:
href="mailto:[email protected]"> adalah sama seperti Elemen
lain Teks dikutip dari sumber. Ditulis oleh W3Schools.com
Email kami
Alamat: Box 564, Disneyland />