Belajar Mengenal HTML ( Bag 3 )

HTML Iframes

Iframe digunakan untuk menampilkan halaman web dalam halaman web.
Sintaks untuk menambahkan iframe adalah:
<iframe src=" URL "></iframe>
Src atribut menentukan URL (alamat web) dari halaman iframe.

Iframe - Mengatur Tinggi dan Lebar

Gunakan tinggi dan lebar atribut untuk menentukan ukuran.
Nilai atribut yang ditentukan dalam pixel secara default, tetapi mereka juga bisa dalam persen (seperti "80%").

<iframe src="kampushtmldemo.html" width="200" height="200"> </iframe>

Iframe - Hapus Border

The frameborder atribut menentukan apakah atau tidak untuk menampilkan border/batas di sekitar iframe.
Mengatur nilai atribut "0" untuk menghapus border/batas:
<iframe src="kampushtmldemo.html" frameborder="0"> </iframe>

Iframe - Link

<!DOCTYPE html>
<html>
<body>

<iframe width="100%" height="300px" src="kampushtmldemo.html" name="iframe_a" frameborder="0" > </iframe>
<p><a href="http://www.nomor1.com" target="iframe_a">NOMOR1.com</a></p>

<p>Klik link diatas, maka akan menampilkan website yang dituju dalam iframe</p>

</body>
</html>

Klik link diatas, maka akan menampilkan website yang dituju dalam iframe

HTML Color Names

NamaKodeTampilan
Alice Blue#F0F8FF
AntiqueWhite#FAEBD7
Aqua#00FFFF
Aquamarine#7FFFD4
Azure#F0FFFF
Beige#F5F5DC
Bisque#FFE4C4
Black#000000
BlanchedAlmond#FFEBCD
Blue#0000FF
Selengkapnya dapat Anda lihat di SINI

HTML Color Values

Warna yang ditampilkan menggabungkan RED, GREEN, dan cahaya biru (RGB).

Nilai warna

Warna didefinisikan menggunakan heksadesimal (hex) notasi untuk Merah, Hijau, dan Biru (RGB).
Nilai terendah untuk setiap sumber cahaya adalah 0 (hex 00). Nilai tertinggi adalah 255 (hex FF).
Nilai Hex ditulis sebagai # diikuti oleh tiga atau enam karakter hex.
Notasi tiga digit (#rgb) secara otomatis dikonversi ke enam digit (#rrggbb):
<!DOCTYPE html>
<html>
<body>

<h2 style="background-color:#FFFF00">Color set by using HEX</h2>

<h2 style="background-color:rgb(255,255,0)">
Color set by using RGB
</h2>

<h2 style="background-color:yellow">
Color set by using Name
</h2>

</body>
</html>

Demo

Warna diatur menggunakan HEX

Warna diatur menggunakan RGB

Warna diatur menggunakan Name

Selengkapnya dapat dilihat DISINI lalu pilih choose format.

HTML Color Shades

Gray ShadesHEXRGB
 #000000 rgb(0,0,0) 
 #080808 rgb(8,8,8) 
 #101010 rgb(16,16,16) 
 #181818 rgb(24,24,24) 
 #202020 rgb(32,32,32) 
 #282828 rgb(40,40,40) 
 #303030 rgb(48,48,48) 
 #383838 rgb(56,56,56) 
 #404040 rgb(64,64,64) 
 #484848 rgb(72,72,72) 
 #505050 rgb(80,80,80) 
 #585858 rgb(88,88,88) 
 #606060 rgb(96,96,96) 
 #686868 rgb(104,104,104) 
 #707070 rgb(112,112,112) 
 #787878 rgb(120,120,120) 
 #808080 rgb(128,128,128) 
 #888888 rgb(136,136,136) 
 #909090 rgb(144,144,144) 
 #989898 rgb(152,152,152) 
 #A0A0A0 rgb(160,160,160) 
 #A8A8A8 rgb(168,168,168) 
 #B0B0B0 rgb(176,176,176) 
 #B8B8B8 rgb(184,184,184) 
 #C0C0C0 rgb(192,192,192) 
 #C8C8C8 rgb(200,200,200) 
 #D0D0D0 rgb(208,208,208) 
 #D8D8D8 rgb(216,216,216) 
 #E0E0E0 rgb(224,224,224) 
 #E8E8E8 rgb(232,232,232) 
 #F0F0F0 rgb(240,240,240) 
 #F8F8F8 rgb(248,248,248) 
 #FFFFFF rgb(255,255,255) 

16 Warna Berbeda

Kombinasi Merah, Hijau dan Biru nilai dari 0 sampai 255 memberikan total lebih dari 16 juta warna yang berbeda untuk bermain dengan (256 x 256 x 256).
Kebanyakan monitor modern mampu menampilkan setidaknya 16384 warna yang berbeda.
Jika Anda melihat tabel warna di bawah ini, Anda akan melihat hasil dari berbagai lampu merah dari 0 sampai 255, sementara menjaga lampu hijau dan biru pada nol.
Untuk melihat daftar lengkap warna campuran ketika lampu merah bervariasi dari 0 sampai 255, klik pada salah satu hex atau rgb nilai di bawah ini.
Red LightHEXRGB
 #000000 rgb(0,0,0) 
 #080000 rgb(8,0,0) 
 #100000 rgb(16,0,0) 
 #180000 rgb(24,0,0) 
 #200000 rgb(32,0,0) 
 #280000 rgb(40,0,0) 
 #300000 rgb(48,0,0) 
 #380000 rgb(56,0,0) 
 #400000 rgb(64,0,0) 
 #480000 rgb(72,0,0) 
 #500000 rgb(80,0,0) 
 #580000 rgb(88,0,0) 
 #600000 rgb(96,0,0) 
 #680000 rgb(104,0,0) 
 #700000 rgb(112,0,0) 
 #780000 rgb(120,0,0) 
 #800000 rgb(128,0,0) 
 #880000 rgb(136,0,0) 
 #900000 rgb(144,0,0) 
 #980000 rgb(152,0,0) 
 #A00000 rgb(160,0,0) 
 #A80000 rgb(168,0,0) 
 #B00000 rgb(176,0,0) 
 #B80000 rgb(184,0,0) 
 #C00000 rgb(192,0,0) 
 #C80000 rgb(200,0,0) 
 #D00000 rgb(208,0,0) 
 #D80000 rgb(216,0,0) 
 #E00000 rgb(224,0,0) 
 #E80000 rgb(232,0,0) 
 #F00000 rgb(240,0,0) 
 #F80000 rgb(248,0,0) 
 #FF0000 rgb(255,0,0) 

Di Zaman Batu

Di zaman batu, ketika komputer hanya didukung 256 warna yang berbeda, daftar 216 "Web Warna Aman" disarankan sebagai standar Web, pemesanan 40 warna sistem tetap.
216 palet warna cross-browser ini diciptakan untuk memastikan bahwa semua komputer akan menampilkan warna dengan benar:
0000000000330000660000990000CC0000FF
0033000033330033660033990033CC0033FF
0066000066330066660066990066CC0066FF
0099000099330099660099990099CC0099FF
00CC0000CC3300CC6600CC9900CCCC00CCFF
00FF0000FF3300FF6600FF9900FFCC00FFFF
3300003300333300663300993300CC3300FF
3333003333333333663333993333CC3333FF
3366003366333366663366993366CC3366FF
3399003399333399663399993399CC3399FF
33CC0033CC3333CC6633CC9933CCCC33CCFF
33FF0033FF3333FF6633FF9933FFCC33FFFF
6600006600336600666600996600CC6600FF
6633006633336633666633996633CC6633FF
6666006666336666666666996666CC6666FF
6699006699336699666699996699CC6699FF
66CC0066CC3366CC6666CC9966CCCC66CCFF
66FF0066FF3366FF6666FF9966FFCC66FFFF
9900009900339900669900999900CC9900FF
9933009933339933669933999933CC9933FF
9966009966339966669966999966CC9966FF
9999009999339999669999999999CC9999FF
99CC0099CC3399CC6699CC9999CCCC99CCFF
99FF0099FF3399FF6699FF9999FFCC99FFFF
CC0000CC0033CC0066CC0099CC00CCCC00FF
CC3300CC3333CC3366CC3399CC33CCCC33FF
CC6600CC6633CC6666CC6699CC66CCCC66FF
CC9900CC9933CC9966CC9999CC99CCCC99FF
CCCC00CCCC33CCCC66CCCC99CCCCCCCCCCFF
CCFF00CCFF33CCFF66CCFF99CCFFCCCCFFFF
FF0000FF0033FF0066FF0099FF00CCFF00FF
FF3300FF3333FF3366FF3399FF33CCFF33FF
FF6600FF6633FF6666FF6699FF66CCFF66FF
FF9900FF9933FF9966FF9999FF99CCFF99FF
FFCC00FFCC33FFCC66FFCC99FFCCCCFFCCFF
FFFF00FFFF33FFFF66FFFF99FFFFCCFFFFFF

HTML JavaScript

Javascripts membuat halaman HTML lebih dinamis dan interaktif.
Untuk menyisipkan javascript di HTML , dapat menambahkan tag < script > < /script > atau < noscript >< /noscript >
Lebih lengkapnya , akan dijelaskan pada Bab JavaScript

Script

< Script > tag digunakan untuk mendefinisikan script client-side, seperti JavaScript.
< Script > elemen baik berisi pernyataan scripting atau menunjuk ke sebuah file script eksternal melalui atribut src.
Penggunaan umum untuk JavaScript adalah manipulasi gambar, validasi form, dan perubahan dinamis konten.

Noscript

< Noscript > tag digunakan untuk memberikan konten alternatif untuk pengguna yang memiliki skrip dinonaktifkan pada browser mereka atau memiliki browser yang tidak mendukung client-side scripting.
< Noscript > elemen dapat berisi semua elemen yang dapat Anda temukan di dalam < body > elemen halaman HTML biasa.

HTML Head

< head > elemen merupakan wadah untuk meta data (data tentang data).
Meta data HTML adalah data tentang dokumen HTML. Metadata tidak ditampilkan.
Meta data biasanya menentukan judul dokumen, gaya, link, script, dan informasi meta lainnya.
Tag berikut menjelaskan meta data: < title >, < style >, < meta >, < link >, < script >, dan < base >.
TagDeskripsiSintaks
<head>Mendefinisikan informasi tentang dokumen< head >< /head>
<title>Mendefinisikan judul dokumen< title >Page Title< /title >
<base>Mendefinisikan sebuah alamat default atau target standar untuk semua link pada halaman< base href="http://www.google.com" target="_blank" >
<link>Mendefinisikan hubungan antara dokumen dan sumber daya eksternal< link rel="stylesheet" href="mystyle.css" >
<meta>Mendefinisikan metadata tentang dokumen HTML< meta http-equiv="refresh" content="30" > akan me-refresh setelah 30 detik 

< meta name="author" content="Hege Refsnes" >memberikan nama author pada page/website 

< meta charset="UTF-8" > charset utf-8 untuk HTML5 

< meta name="description" content="tutorial HTML and CSS" > 

< meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript" >
<script>Mendefinisikan sebuah script sisi klien< script > function myFunction { document.getElementById("demo").innerHTML = "Hello JavaScript!"; } < /script >
<style>Mendefinisikan informasi style untuk dokumen< style> body {background-color:yellow;} p {color:blue;} < /style>

HTML Entities

Karakter Reserved dalam HTML harus diganti dengan entitas karakter.
Karakter, tidak hadir pada keyboard Anda, bisa juga digantikan oleh entitas.

Entitas HTML

Beberapa karakter yang dimiliki dalam HTML.
Jika Anda menggunakan kurang dari (<) atau lebih besar dari (>) tanda-tanda dalam teks Anda, browser mungkin mencampur mereka dengan tag.
Entitas karakter yang digunakan untuk menampilkan karakter pendiam dalam HTML.
Sebuah entitas karakter terlihat seperti ini:
ResultDescriptionEntity NameEntity Number
non-breaking space&nbsp;&#160;
<less than&lt;&#60;
>greater than&gt;&#62;
&ampersand&amp;&#38;
¢cent&cent;&#162;
£pound&pound;&#163;
¥yen&yen;&#165;
euro&euro;&#8364;
©copyright&copy;&#169;
®registered trademark&reg;&#174;

HTML Symbols


CharDecHexEntityName
87042200&forall;FOR ALL
87052201 COMPLEMENT
87062202&part;PARTIAL DIFFERENTIAL
87072203&exist;THERE EXISTS
87082204 THERE DOES NOT EXIST
87092205&empty;EMPTY SET
87102206 INCREMENT
87112207&nabla;NABLA
87122208&isin;ELEMENT OF
87132209&notin;NOT AN ELEMENT OF
8714220A SMALL ELEMENT OF
8715220B&ni;CONTAINS AS MEMBER
8716220C DOES NOT CONTAIN AS MEMBER
8717220D SMALL CONTAINS AS MEMBER
8718220E END OF PROOF
8719220F&prod;N-ARY PRODUCT
87202210 N-ARY COPRODUCT
87212211&sum;N-ARY SUMMATION
87222212&minus;MINUS SIGN
87232213 MINUS-OR-PLUS SIGN
87242214 DOT PLUS
87252215 DIVISION SLASH
87262216 SET MINUS
87272217&lowast;ASTERISK OPERATOR
87282218 RING OPERATOR
87292219 BULLET OPERATOR
8730221A&radic;SQUARE ROOT
8731221B CUBE ROOT
8732221C FOURTH ROOT
8733221D&prop;PROPORTIONAL TO
8734221E&infin;INFINITY
8735221F RIGHT ANGLE
87362220&ang;ANGLE
87372221 MEASURED ANGLE
87382222 SPHERICAL ANGLE
87392223 DIVIDES
87402224 DOES NOT DIVIDE
87412225 PARALLEL TO
87422226 NOT PARALLEL TO
87432227&and;LOGICAL AND
87442228&or;LOGICAL OR
87452229&cap;INTERSECTION
8746222A&cup;UNION
8747222B&int;INTEGRAL
8748222C DOUBLE INTEGRAL
8749222D TRIPLE INTEGRAL
8750222E CONTOUR INTEGRAL
8751222F SURFACE INTEGRAL
87522230 VOLUME INTEGRAL
87532231 CLOCKWISE INTEGRAL
87542232 CLOCKWISE CONTOUR INTEGRAL
87552233 ANTICLOCKWISE CONTOUR INTEGRAL
87562234&there4;THEREFORE
87572235 BECAUSE
87582236 RATIO
87592237 PROPORTION
87602238 DOT MINUS
87612239 EXCESS
8762223A GEOMETRIC PROPORTION
8763223B HOMOTHETIC
8764223C&sim;TILDE OPERATOR
8765223D REVERSED TILDE
8766223E INVERTED LAZY S
8767223F SINE WAVE
87682240 WREATH PRODUCT
87692241 NOT TILDE
87702242 MINUS TILDE
87712243 ASYMPTOTICALLY EQUAL TO
87722244 NOT ASYMPTOTICALLY EQUAL TO
87732245&cong;APPROXIMATELY EQUAL TO
87742246 APPROXIMATELY BUT NOT ACTUALLY EQUAL TO
87752247 NEITHER APPROXIMATELY NOR ACTUALLY EQUAL TO
87762248&asymp;ALMOST EQUAL TO
87772249 NOT ALMOST EQUAL TO
8778224A ALMOST EQUAL OR EQUAL TO
8779224B TRIPLE TILDE
8780224C ALL EQUAL TO
8781224D EQUIVALENT TO
8782224E GEOMETRICALLY EQUIVALENT TO
8783224F DIFFERENCE BETWEEN
87842250 APPROACHES THE LIMIT
87852251 GEOMETRICALLY EQUAL TO
87862252 APPROXIMATELY EQUAL TO OR THE IMAGE OF
87872253 IMAGE OF OR APPROXIMATELY EQUAL TO
87882254 COLON EQUALS
87892255 EQUALS COLON
87902256 RING IN EQUAL TO
87912257 RING EQUAL TO
87922258 CORRESPONDS TO
87932259 ESTIMATES
8794225A EQUIANGULAR TO
8795225B STAR EQUALS
8796225C DELTA EQUAL TO
8797225D EQUAL TO BY DEFINITION
8798225E MEASURED BY
8799225F QUESTIONED EQUAL TO
88002260&ne;NOT EQUAL TO
88012261&equiv;IDENTICAL TO
88022262 NOT IDENTICAL TO
88032263 STRICTLY EQUIVALENT TO
88042264&le;LESS-THAN OR EQUAL TO
88052265&ge;GREATER-THAN OR EQUAL TO
88062266 LESS-THAN OVER EQUAL TO
88072267 GREATER-THAN OVER EQUAL TO
88082268 LESS-THAN BUT NOT EQUAL TO
88092269 GREATER-THAN BUT NOT EQUAL TO
8810226A MUCH LESS-THAN
8811226B MUCH GREATER-THAN
8812226C BETWEEN
8813226D NOT EQUIVALENT TO
8814226E NOT LESS-THAN
8815226F NOT GREATER-THAN
88162270 NEITHER LESS-THAN NOR EQUAL TO
88172271 NEITHER GREATER-THAN NOR EQUAL TO
88182272 LESS-THAN OR EQUIVALENT TO
88192273 GREATER-THAN OR EQUIVALENT TO
88202274 NEITHER LESS-THAN NOR EQUIVALENT TO
88212275 NEITHER GREATER-THAN NOR EQUIVALENT TO
88222276 LESS-THAN OR GREATER-THAN
88232277 GREATER-THAN OR LESS-THAN
88242278 NEITHER LESS-THAN NOR GREATER-THAN
88252279 NEITHER GREATER-THAN NOR LESS-THAN
8826227A PRECEDES
8827227B SUCCEEDS
8828227C PRECEDES OR EQUAL TO
8829227D SUCCEEDS OR EQUAL TO
8830227E PRECEDES OR EQUIVALENT TO
8831227F SUCCEEDS OR EQUIVALENT TO
88322280 DOES NOT PRECEDE
88332281 DOES NOT SUCCEED
88342282&sub;SUBSET OF
88352283&sup;SUPERSET OF
88362284&nsub;NOT A SUBSET OF
88372285 NOT A SUPERSET OF
88382286&sube;SUBSET OF OR EQUAL TO
88392287&supe;SUPERSET OF OR EQUAL TO
88402288 NEITHER A SUBSET OF NOR EQUAL TO
88412289 NEITHER A SUPERSET OF NOR EQUAL TO
8842228A SUBSET OF WITH NOT EQUAL TO
8843228B SUPERSET OF WITH NOT EQUAL TO
8844228C MULTISET
8845228D MULTISET MULTIPLICATION
8846228E MULTISET UNION
8847228F SQUARE IMAGE OF
88482290 SQUARE ORIGINAL OF
88492291 SQUARE IMAGE OF OR EQUAL TO
88502292 SQUARE ORIGINAL OF OR EQUAL TO
88512293 SQUARE CAP
88522294 SQUARE CUP
88532295&oplus;CIRCLED PLUS
88542296 CIRCLED MINUS
88552297&otimes;CIRCLED TIMES
88562298 CIRCLED DIVISION SLASH
88572299 CIRCLED DOT OPERATOR
8858229A CIRCLED RING OPERATOR
8859229B CIRCLED ASTERISK OPERATOR
8860229C CIRCLED EQUALS
8861229D CIRCLED DASH
8862229E SQUARED PLUS
8863229F SQUARED MINUS
886422A0 SQUARED TIMES
886522A1 SQUARED DOT OPERATOR
886622A2 RIGHT TACK
886722A3 LEFT TACK
886822A4 DOWN TACK
886922A5&perp;UP TACK
887022A6 ASSERTION
887122A7 MODELS
887222A8 TRUE
887322A9 FORCES
887422AA TRIPLE VERTICAL BAR RIGHT TURNSTILE
887522AB DOUBLE VERTICAL BAR DOUBLE RIGHT TURNSTILE
887622AC DOES NOT PROVE
887722AD NOT TRUE
887822AE DOES NOT FORCE
887922AF NEGATED DOUBLE VERTICAL BAR DOUBLE RIGHT TURNSTILE
888022B0 PRECEDES UNDER RELATION
888122B1 SUCCEEDS UNDER RELATION
888222B2 NORMAL SUBGROUP OF
888322B3 CONTAINS AS NORMAL SUBGROUP
888422B4 NORMAL SUBGROUP OF OR EQUAL TO
888522B5 CONTAINS AS NORMAL SUBGROUP OR EQUAL TO
888622B6 ORIGINAL OF
888722B7 IMAGE OF
888822B8 MULTIMAP
888922B9 HERMITIAN CONJUGATE MATRIX
889022BA INTERCALATE
889122BB XOR
889222BC NAND
889322BD NOR
889422BE RIGHT ANGLE WITH ARC
889522BF RIGHT TRIANGLE
889622C0 N-ARY LOGICAL AND
889722C1 N-ARY LOGICAL OR
889822C2 N-ARY INTERSECTION
889922C3 N-ARY UNION
890022C4 DIAMOND OPERATOR
890122C5&sdot;DOT OPERATOR
890222C6 STAR OPERATOR
890322C7 DIVISION TIMES
890422C8 BOWTIE
890522C9 LEFT NORMAL FACTOR SEMIDIRECT PRODUCT
890622CA RIGHT NORMAL FACTOR SEMIDIRECT PRODUCT
890722CB LEFT SEMIDIRECT PRODUCT
890822CC RIGHT SEMIDIRECT PRODUCT
890922CD REVERSED TILDE EQUALS
891022CE CURLY LOGICAL OR
891122CF CURLY LOGICAL AND
891222D0 DOUBLE SUBSET
891322D1 DOUBLE SUPERSET
891422D2 DOUBLE INTERSECTION
891522D3 DOUBLE UNION
891622D4 PITCHFORK
891722D5 EQUAL AND PARALLEL TO
891822D6 LESS-THAN WITH DOT
891922D7 GREATER-THAN WITH DOT
892022D8 VERY MUCH LESS-THAN
892122D9 VERY MUCH GREATER-THAN
892222DA LESS-THAN EQUAL TO OR GREATER-THAN
892322DB GREATER-THAN EQUAL TO OR LESS-THAN
892422DC EQUAL TO OR LESS-THAN
892522DD EQUAL TO OR GREATER-THAN
892622DE EQUAL TO OR PRECEDES
892722DF EQUAL TO OR SUCCEEDS
892822E0 DOES NOT PRECEDE OR EQUAL
892922E1 DOES NOT SUCCEED OR EQUAL
893022E2 NOT SQUARE IMAGE OF OR EQUAL TO
893122E3 NOT SQUARE ORIGINAL OF OR EQUAL TO
893222E4 SQUARE IMAGE OF OR NOT EQUAL TO
893322E5 SQUARE ORIGINAL OF OR NOT EQUAL TO
893422E6 LESS-THAN BUT NOT EQUIVALENT TO
893522E7 GREATER-THAN BUT NOT EQUIVALENT TO
893622E8 PRECEDES BUT NOT EQUIVALENT TO
893722E9 SUCCEEDS BUT NOT EQUIVALENT TO
893822EA NOT NORMAL SUBGROUP OF
893922EB DOES NOT CONTAIN AS NORMAL SUBGROUP
894022EC NOT NORMAL SUBGROUP OF OR EQUAL TO
894122ED DOES NOT CONTAIN AS NORMAL SUBGROUP OR EQUAL
894222EE VERTICAL ELLIPSIS
894322EF MIDLINE HORIZONTAL ELLIPSIS
894422F0 UP RIGHT DIAGONAL ELLIPSIS
894522F1 DOWN RIGHT DIAGONAL ELLIPSIS
894622F2 ELEMENT OF WITH LONG HORIZONTAL STROKE
894722F3 ELEMENT OF WITH VERTICAL BAR AT END OF HORIZONTAL STROKE
894822F4 SMALL ELEMENT OF WITH VERTICAL BAR AT END OF HORIZONTAL STROKE
894922F5 ELEMENT OF WITH DOT ABOVE
895022F6 ELEMENT OF WITH OVERBAR
895122F7 SMALL ELEMENT OF WITH OVERBAR
895222F8 ELEMENT OF WITH UNDERBAR
895322F9 ELEMENT OF WITH TWO HORIZONTAL STROKES
895422FA CONTAINS WITH LONG HORIZONTAL STROKE
895522FB CONTAINS WITH VERTICAL BAR AT END OF HORIZONTAL STROKE
895622FC SMALL CONTAINS WITH VERTICAL BAR AT END OF HORIZONTAL STROKE
895722FD CONTAINS WITH OVERBAR
895822FE SMALL CONTAINS WITH OVERBAR
895922FF Z NOTATION BAG MEMBERSHIP

Tidak ada komentar:

Posting Komentar