TKE 42 Disain & Pemrograman Web Herman Tolle, ST., MT. [email_address] http://elektro.brawijaya.ac.id Informatika & Komput...
 
XHTML <ul><li>XHTML  (eXtensible HTML) adalah standar baru untuk HTML yang bertujuan: </li></ul><ul><li>memungkinkan sebua...
XHTML & CSS <ul><li>Web dapat diakses dengan baik pada berbagai perangkat dan browser </li></ul>
XHTML & CSS <ul><li>XHTML = XML + HTML </li></ul><ul><li>Salah satu sifat XML yang diwarisi oleh XHTML yaitu sangat ketat ...
Struktur XHTML <ul><li>DOCTYPE, HTML, HEAD, BODY </li></ul><ul><li>DOCTYPE menentukan bagaimana dokumen tersebut dibaca ol...
XHTML: Document Type Definitions <ul><li>XHTML - Strict / strict doctype declaration : Kontrol seluruh layout dan format s...
Penulisan Doctype <ul><li><!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xh...
Aturan XHTML <ul><li>Semua TAG harus berpasangan (ada pembuka dan penutup)  </li></ul><ul><li>Jika TAG tunggal harus diakh...
 
<ul><li>Benar: <b> Tutup tag <i>italic</i> dahulu</b>.  </li></ul><ul><li>Salah: <b>Well formed, this is <i>not!</b></i> i...
Single Tag <ul><li><area />  </li></ul><ul><li><base /> </li></ul><ul><li><basefont />  </li></ul><ul><li><br /> </li></ul...
Minimal Dokumen XHTML <ul><li><?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?>  </li></ul><ul><li><!DOCTYPE html...
Cek Validitas <ul><li><!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” </li></ul><ul><li>“ http://www.w3.org...
 
CSS (Cascading stylesheet) <ul><li>CSS adalah bagian dari sebuah website yang khusus dibuat untuk mengatur tampilan sebuah...
CSS <ul><li>Teknologi CSS dimaksudkan untuk  mempermudah perancangan web  yang indah dan fleksibel.  </li></ul><ul><li>Fle...
Sejarah CSS <ul><li>1996, Konsorsium W3C merekomendasikan penggunaan CSS dalam dokumen web.  </li></ul><ul><li>Tujuannya u...
Kapabilitas CSS <ul><li>Mengatur ukuran baku ( exact point ) teks </li></ul><ul><li>Menambahkan indentasi/tabulasi teks </...
<ul><li>Merubah tampilan standar dari sebuah tag  </li></ul><ul><li>Mengatur secara presisi bagaimana  background  image d...
STYLE <ul><li>Style  merupakan corak/mode/gaya yang diberikan pada suatu elemen dari dokumen (html) </li></ul><ul><li>Seca...
Style Sheet <ul><li>Kita dapat melakukan modifikasi dari  style  default sesuai keinginan kita   </li></ul><ul><li>Modifik...
Implementasi CSS <ul><li>CSS dapat ditambahkan dalam halaman web kita dengan 3 cara: </li></ul><ul><li>Inline CSS : menuli...
STYLE FORMAT <ul><li>selector { property1: value; property2:value, . . .} </li></ul><ul><li>H1{ color:green; background-co...
INLINE STYLE  <ul><li>Style pada Tag tunggal: langsung menambahkan modifikasi style dalam tag tersebut.  </li></ul><ul><li...
EMBEDDED STYLE <ul><li>Style dipisah dan dikumpulkan pada bagian HEAD </li></ul><ul><li>Contoh: </li></ul><ul><ul><li><hea...
STYLE SCRIPT (GROUP) <ul><li>Modifikasi Style dapat digunakan secara bersama oleh beberapa tag: </li></ul><ul><li>Misalnya...
STYLE SCRIPT (CLASS) <ul><li>Modifikasi Style dapat digunakan secara bersama oleh beberapa tag. Menggunakan CLASS atau ID ...
External File CSS <ul><li>Sama seperti embedded style tetapi dibuat pada  file terpisah  dengan ekstension  .css </li></ul...
Komentar dalam Style Sheets <ul><li>Comments  biasanya di gunakan oleh programmer untuk memudahkan mengingat kembali scrip...
USER DEFINED STYLE <ul><li>Style yang kita definisikan sendiri, selain dari TAG standar yang ada. </li></ul><ul><li>Kita m...
<SPAN> & <DIV> <ul><li>style dapat digunakan dengan memakai tag kontainer <SPAN> dan <DIV> </li></ul><ul><li>Digunakan sec...
METRICS <ul><li>Dalam CSS metrics yang digunakan adalah: </li></ul><ul><ul><li>Inchi : IN </li></ul></ul><ul><ul><li>Milim...
Penggunaan CSS saat ini <ul><li>Kontrol aspek visual keseluruhan halaman website </li></ul><ul><li>Membuat Layout yang sta...
Layout: CSS vs TABEL Item Tabel based CSS based Ukuran file Besar  Kecil Fleksibilitas Kurang fleksibel, perubahan isi ser...
Referensi HTML & CSS <ul><li>CSS-1:  http://www.w3.org/TR/CSS1 </li></ul><ul><li>CSS-2:  http://www.w3.org/TR/CSS2   </li>...
Referensi <ul><li>Shengili-Roberts, Keith.,” Core Cascading Style Sheet ” , Prentice Hall, New Jersey, 2000. </li></ul><ul...
TUGAS <ul><li>Modifikasi website personal dari tugas web pribadi sebelumnya dengan XHTML dan menambahkan CSS (gunakan link...
Upcoming SlideShare
Loading in …5
×

05 XHTML CSS

1,662 views

Published on

Materi Kuliah Internet & Disain Web Teknik Elektro Universitas Brawijaya Malang

Published in: Education, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,662
On SlideShare
0
From Embeds
0
Number of Embeds
9
Actions
Shares
0
Downloads
80
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

05 XHTML CSS

  1. 1. TKE 42 Disain & Pemrograman Web Herman Tolle, ST., MT. [email_address] http://elektro.brawijaya.ac.id Informatika & Komputer Teknik Elektro Universitas Brawijaya Malang
  2. 3. XHTML <ul><li>XHTML (eXtensible HTML) adalah standar baru untuk HTML yang bertujuan: </li></ul><ul><li>memungkinkan sebuah dokumen web dapat dibaca oleh divais baru seperti PDA, ponsel, dll </li></ul><ul><li>Crossbrowser : ditampilkan sama untuk semua jenis browser </li></ul><ul><li>Versi terakhir: XHTML 1.1 </li></ul>
  3. 4. XHTML & CSS <ul><li>Web dapat diakses dengan baik pada berbagai perangkat dan browser </li></ul>
  4. 5. XHTML & CSS <ul><li>XHTML = XML + HTML </li></ul><ul><li>Salah satu sifat XML yang diwarisi oleh XHTML yaitu sangat ketat dalam menerapkan aturan penulisan sintaks. </li></ul><ul><li>Penggunaan XHTML & CSS dapat memisahkan kontent dengan presentasi (desain tampilan) </li></ul>
  5. 6. Struktur XHTML <ul><li>DOCTYPE, HTML, HEAD, BODY </li></ul><ul><li>DOCTYPE menentukan bagaimana dokumen tersebut dibaca oleh browser. Apakah browser membaca dokumen tersebut dalam modus Standard atau Quirks. </li></ul><ul><li>Pada prinsipnya XHTML = HTML, hanya ada perbaikan pada aturan-aturan penulisan dan penggunaan elemen & atribut HTML </li></ul>
  6. 7. XHTML: Document Type Definitions <ul><li>XHTML - Strict / strict doctype declaration : Kontrol seluruh layout dan format sebuah halaman Web melalui CSS. Tidak menggunakan tag font, align dan table </li></ul><ul><li>XHTML - Transitional / transitional doctype declaration : masih menggunakan sebagian besar tag-tag HTML seperti font dan table untuk melayout halaman. </li></ul><ul><li>XHTML - Frames / frameset declaration : Penggunaan Frame pada halaman Web. </li></ul>
  7. 8. Penulisan Doctype <ul><li><!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;> </li></ul><ul><li><!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;> </li></ul><ul><li><!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Frameset//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd&quot;> </li></ul>
  8. 9. Aturan XHTML <ul><li>Semua TAG harus berpasangan (ada pembuka dan penutup) </li></ul><ul><li>Jika TAG tunggal harus diakhiri dengan /> </li></ul><ul><li>Semua atribut harus memakai quoted ( “ “ ). </li></ul><ul><li>Semua atribut harus dalam bentuk pasangan nama=value (mis: noshade  noshade=“noshade”) </li></ul><ul><li>Semua tag dan atribut dalam huruf kecil ( lowercase ) </li></ul><ul><li>Semua tag img harus mempunyai atribut alt=” ” </li></ul>
  9. 11. <ul><li>Benar: <b> Tutup tag <i>italic</i> dahulu</b>. </li></ul><ul><li>Salah: <b>Well formed, this is <i>not!</b></i> is not well formed. </li></ul><ul><li>Nesting restrictions </li></ul><ul><li>The <a> tag cannot contain another <a> tag. </li></ul><ul><li>The <pre> tag cannot contain <img>, <object>, <big>, <small>, <sub>, or <sup> tags. </li></ul><ul><li>The <button> tag cannot contain <input>, <select>, <textarea>, <label>, <button>, <form>, <fieldset>, <iframe>, or <isindex> tags. </li></ul><ul><li>The <label> tag cannot contain other <label> tags. </li></ul><ul><li>The <form> tag cannot contain other <form> tags. </li></ul>
  10. 12. Single Tag <ul><li><area /> </li></ul><ul><li><base /> </li></ul><ul><li><basefont /> </li></ul><ul><li><br /> </li></ul><ul><li><col /> </li></ul><ul><li><frame /> </li></ul><ul><li><hr /> </li></ul><ul><li><img /> </li></ul><ul><li><input /> </li></ul><ul><li><isindex /> </li></ul><ul><li><link /> </li></ul><ul><li><meta /> </li></ul><ul><li><param /> </li></ul>
  11. 13. Minimal Dokumen XHTML <ul><li><?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?> </li></ul><ul><li><!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;> </li></ul><ul><li><html xmlns=&quot;http://www.w3.org/TR/xhtml1&quot; xml:lang=&quot;en&quot; lang=&quot;en&quot;> </li></ul><ul><li><head> </li></ul><ul><li><title>Setiap dokumen harus ada titel</title> </li></ul><ul><li></head> </li></ul><ul><li><body> </li></ul><ul><li>...konten web disini... </li></ul><ul><li></body> </li></ul><ul><li></html> </li></ul>
  12. 14. Cek Validitas <ul><li><!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” </li></ul><ul><li>“ http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> </li></ul><ul><li><html><head> </li></ul><ul><li><meta http-equiv=”Content-Type” content=”text/html;charset=us-ascii”> </li></ul><ul><li><title>Validation Test</title></head> </li></ul><ul><li><body> </li></ul><ul><li><h2>There are some errors in this file</h2> </li></ul><ul><li><div style=”color:blue”>Can you spot all the mistakes in this simple HTML file? </li></ul><ul><li></div> </li></ul><ul><li><center><p> </li></ul><ul><li><a href=”http://validator.w3.org/check/referer”><img border=”0” </li></ul><ul><li>src=”http://www.w3.org/Icons/valid-html401” </li></ul><ul><li>alt=”Valid HTML 4.01!” height=”31” width=”88”> </a> </li></ul><ul><li></p> </li></ul><ul><li></center></body></html> </li></ul>
  13. 16. CSS (Cascading stylesheet) <ul><li>CSS adalah bagian dari sebuah website yang khusus dibuat untuk mengatur tampilan sebuah website. </li></ul><ul><li>Kita dapat mengontrol isi (konten) dan tampilan secara terpisah. </li></ul><ul><li>Perubahan konten tidak mengharuskan kita melakukan perubahan tampilan, demikian juga sebaliknya. </li></ul><ul><li>CSS adalah aset sangat berharga dalam Disain Web Site </li></ul>
  14. 17. CSS <ul><li>Teknologi CSS dimaksudkan untuk mempermudah perancangan web yang indah dan fleksibel. </li></ul><ul><li>Fleksibilitas adalah hal yang tidak akan diperoleh jika menggunakan HTML saja. </li></ul><ul><li>Satu file CSS (*.css) dapat digunakan untuk banyak halaman. Sehingga perubahan disain visual untuk banyak halaman dapat dilakukan hanya melalui modifikasi satu file CSS </li></ul>
  15. 18. Sejarah CSS <ul><li>1996, Konsorsium W3C merekomendasikan penggunaan CSS dalam dokumen web. </li></ul><ul><li>Tujuannya untuk mengurangi adanya TAG baru untuk format tampilan web. (karena saat itu Netscape dan IE ingin mengembangkan TAG sendiri) </li></ul><ul><li>1998, W3C menyempurnakan CSS awal dengan membuat standar CSS2 yang menjadi standart hingga saat ini. </li></ul>
  16. 19. Kapabilitas CSS <ul><li>Mengatur ukuran baku ( exact point ) teks </li></ul><ul><li>Menambahkan indentasi/tabulasi teks </li></ul><ul><li>Mengatur margin </li></ul><ul><li>Menambahkan elemen format baru pada halaman web </li></ul><ul><li>Menggunakan unit ukuran yang presisi seperti inchi dan centimeter </li></ul><ul><li>Membuat style baru yang kreatif pada halaman web kita </li></ul>
  17. 20. <ul><li>Merubah tampilan standar dari sebuah tag </li></ul><ul><li>Mengatur secara presisi bagaimana background image ditampilan, apakah perlu berulang ( repeated ) atau no-repeated </li></ul><ul><li>Menambahkan jarak antar huruf, jarak antar kata maupun spasi antar baris, </li></ul><ul><li>Membuat layout halaman web yang standar sehingga dapat ditampilkan sama pada semua jenis browser , termasuk pada browser media tertentu seperti pada PDA </li></ul><ul><li>dll </li></ul>
  18. 21. STYLE <ul><li>Style merupakan corak/mode/gaya yang diberikan pada suatu elemen dari dokumen (html) </li></ul><ul><li>Secara default semua komponen sudah mempunyai style standar ( template ) </li></ul><ul><li>Misalnya tag <H1> mempunyai style: Font : Times New Roman; Size : 6 (24pt); Text Decoration : Bold; Line-height = 24pt; </li></ul><ul><ul><li>INI JUDUL DENGAN H1 STANDAR </li></ul></ul>
  19. 22. Style Sheet <ul><li>Kita dapat melakukan modifikasi dari style default sesuai keinginan kita </li></ul><ul><li>Modifikasi style dapat dilakukan secara tunggal per halaman, atau menggunakan file terpisah ( style sheet ) </li></ul><ul><li>Style sheet merupakan tempat dimana kita mengontrol dan memanage style-style yang ada. </li></ul>
  20. 23. Implementasi CSS <ul><li>CSS dapat ditambahkan dalam halaman web kita dengan 3 cara: </li></ul><ul><li>Inline CSS : menulis style langsung pada tag HTML </li></ul><ul><li>Embedded CSS : menulis CSS di dalam bagian HEAD sebuah dokumen HTML </li></ul><ul><li>External File CSS : menggunakan file CSS terpisah </li></ul>
  21. 24. STYLE FORMAT <ul><li>selector { property1: value; property2:value, . . .} </li></ul><ul><li>H1{ color:green; background-color:orange} </li></ul><ul><li>Style terdiri dari dua bagian: </li></ul><ul><ul><li>Selector : Bagian pertama sebelum tanda “{ }” disebut selector (TAG atau ELEMEN HTML) </li></ul></ul><ul><ul><li>Declaration : property dan nilainya. </li></ul></ul>
  22. 25. INLINE STYLE <ul><li>Style pada Tag tunggal: langsung menambahkan modifikasi style dalam tag tersebut. </li></ul><ul><li>Misalnya : </li></ul><ul><ul><li>< P STYLE =“FONT-SIZE:12pt; FONT-FAMILIY:COURIER;FONT-VARIANT: NORMAL; COLOR: NAVY;”> </li></ul></ul><ul><ul><li>< H1 STYLE =”color:red; font-size:18pt”> </li></ul></ul><ul><ul><li>< BODY STYLE =“FONT-SIZE:X-LARGE”> </li></ul></ul>
  23. 26. EMBEDDED STYLE <ul><li>Style dipisah dan dikumpulkan pada bagian HEAD </li></ul><ul><li>Contoh: </li></ul><ul><ul><li><head> </li></ul></ul><ul><ul><li><style> </li></ul></ul><ul><ul><li>body { </li></ul></ul><ul><ul><li>color:#ffffff; background:black; </li></ul></ul><ul><ul><li>font-family:Verdana, Arial; </li></ul></ul><ul><ul><li>font-size:12px; </li></ul></ul><ul><ul><li>} </li></ul></ul><ul><ul><li>p { line-height:20px; } </li></ul></ul><ul><ul><li>h1{ color:brown; } </style> </li></ul></ul><ul><ul><li></head> </li></ul></ul>
  24. 27. STYLE SCRIPT (GROUP) <ul><li>Modifikasi Style dapat digunakan secara bersama oleh beberapa tag: </li></ul><ul><li>Misalnya : </li></ul><ul><ul><li><HEAD> </li></ul></ul><ul><ul><li><STYLE> </li></ul></ul><ul><ul><li>H1, H2, H3 { FONT-FAMILIY: Verdana;} </li></ul></ul><ul><ul><li>P, TD, BODY { LINE-HEIGHT: 20px; MARGIN-RIGHT:20px; MARGIN-LEFT: 10px; } </li></ul></ul><ul><ul><li></STYLE> </li></ul></ul><ul><ul><li></HEAD> </li></ul></ul>
  25. 28. STYLE SCRIPT (CLASS) <ul><li>Modifikasi Style dapat digunakan secara bersama oleh beberapa tag. Menggunakan CLASS atau ID </li></ul><ul><li>Misalnya : </li></ul><ul><ul><li><HTML> </li></ul></ul><ul><ul><li><HEAD> </li></ul></ul><ul><ul><li><STYLE> </li></ul></ul><ul><ul><li>H1.GREEN { COLOR: GREEN;} </li></ul></ul><ul><ul><li>#GREEN { COLOR : #33FF33; FONT-WEIGHT: BOLD } </li></ul></ul><ul><ul><li></STYLE> </li></ul></ul><ul><ul><li></HEAD> </li></ul></ul><ul><ul><li><BODY> </li></ul></ul><ul><ul><li><H1>NORMAL HEADER</H1> </li></ul></ul><ul><ul><li><H1 CLASS=“GREEN”>A DARK GREEN HEADER</H1> </li></ul></ul><ul><ul><li><H1 ID=“GREEN”>LIGT GREEN, BOLD HEADER</H1> </li></ul></ul><ul><ul><li><H1 CLASS=“green”>ANOTHER DARK GREEN</H1> </li></ul></ul><ul><ul><li></BODY> </li></ul></ul><ul><ul><li></HTML> </li></ul></ul>
  26. 29. External File CSS <ul><li>Sama seperti embedded style tetapi dibuat pada file terpisah dengan ekstension .css </li></ul><ul><li>Sebuah dokumen bisa menggunakan lebih dari satu file CSS </li></ul><ul><li>Di- import (dipanggil) pada bagian HEAD </li></ul><ul><li>Ada dua cara: </li></ul><ul><li><link rel=&quot;stylesheet&quot;type=&quot;text/css” href=&quot; style.css &quot; /> </li></ul><ul><li><style>@import &quot; style.css &quot;;</style> </li></ul>
  27. 30. Komentar dalam Style Sheets <ul><li>Comments biasanya di gunakan oleh programmer untuk memudahkan mengingat kembali script yang sudah di tulisnya, </li></ul><ul><li>Comments di CSS hampir sama dengan comments di C atau C++ yaitu dengan menggunakan: </li></ul><ul><ul><li>/* isi Comments */ </li></ul></ul><ul><ul><li>Contoh: </li></ul></ul><ul><ul><li>H1 { color:blue;} /* H1 elements akan menjadi biru */ </li></ul></ul><ul><ul><li>Tags.H1.color = “blue”; /* H1 menjadi biru */ </li></ul></ul>
  28. 31. USER DEFINED STYLE <ul><li>Style yang kita definisikan sendiri, selain dari TAG standar yang ada. </li></ul><ul><li>Kita menentukan nama dan isi / format style nya </li></ul><ul><li>Contoh </li></ul><ul><ul><li><STYLE> </li></ul></ul><ul><ul><li>txtData { LINE-HEIGHT: 20px; MARGIN-RIGHT:20px; MARGIN-LEFT: 10px; } </li></ul></ul><ul><ul><li>strTanggal { COLOR : #33FF33; FONT-WEIGHT: BOLD } </li></ul></ul><ul><ul><li></STYLE> </li></ul></ul>
  29. 32. <SPAN> & <DIV> <ul><li>style dapat digunakan dengan memakai tag kontainer <SPAN> dan <DIV> </li></ul><ul><li>Digunakan secara inline </li></ul><ul><li>Tag ini biasanya berfungsi untuk meng- override style yang sudah ada sebelumnya </li></ul>
  30. 33. METRICS <ul><li>Dalam CSS metrics yang digunakan adalah: </li></ul><ul><ul><li>Inchi : IN </li></ul></ul><ul><ul><li>Milimeter : MM </li></ul></ul><ul><ul><li>Centimeter : CM </li></ul></ul><ul><ul><li>Picas : PC </li></ul></ul><ul><ul><li>Pixel : PX </li></ul></ul><ul><ul><li>M-length : EM </li></ul></ul><ul><ul><li>X-height : EX </li></ul></ul>
  31. 34. Penggunaan CSS saat ini <ul><li>Kontrol aspek visual keseluruhan halaman website </li></ul><ul><li>Membuat Layout yang standart (kolaborasi dengan XHTML) </li></ul><ul><li>Teknik membuat layout HTML: </li></ul><ul><li>Frame  cara lama, jarang digunakan </li></ul><ul><li>Tabel  disukai oleh designer </li></ul><ul><li>CSS  metode baru, menjadi standar </li></ul>
  32. 35. Layout: CSS vs TABEL Item Tabel based CSS based Ukuran file Besar Kecil Fleksibilitas Kurang fleksibel, perubahan isi sering kali mengharuskan perubahan layout Sangat fleksibel Kemudahan dalam desain Sangat mudah Relatif lebih sulit Accessibility Sulit digunakan dengan peralatan non-konvensional (screenreader, text-based browser) Mudah dibaca dengan berbagai device
  33. 36. Referensi HTML & CSS <ul><li>CSS-1: http://www.w3.org/TR/CSS1 </li></ul><ul><li>CSS-2: http://www.w3.org/TR/CSS2 </li></ul><ul><li>HTML: http://www.w3.org/TR/html41 </li></ul><ul><li>XHTML: http://www.w3.org/TR/xhtml11 </li></ul>
  34. 37. Referensi <ul><li>Shengili-Roberts, Keith.,” Core Cascading Style Sheet ” , Prentice Hall, New Jersey, 2000. </li></ul><ul><li>Nurhasyim, “ HTML & CSS” , http:// www.ilmukomputer.com , diakses Januari 2004. </li></ul>
  35. 38. TUGAS <ul><li>Modifikasi website personal dari tugas web pribadi sebelumnya dengan XHTML dan menambahkan CSS (gunakan link sheet) </li></ul><ul><li>Implementasikan tips-tips untuk aksesibilitas dan usabilitas </li></ul><ul><ul><li>Title yang spesifik </li></ul></ul><ul><ul><li>Penggunaan ALT </li></ul></ul><ul><li>Cek validitas code, sertakan hasil validasinya! </li></ul>

×