1 / 26

Desain web – pertemuan 9

Desain web – pertemuan 9. CSS (part 2). <div> dan <span>. <DIV> dan <SPAN> digunakan untuk mengelompokkan beberapa element HTML menjadi satu . <span> digunakan untuk mendefinisikan inline element <div> digunakan untuk block element

september-barlow
Download Presentation

Desain web – pertemuan 9

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Desain web – pertemuan 9 CSS (part 2)

  2. <div> dan <span> • <DIV> dan <SPAN> digunakanuntukmengelompokkanbeberapa element HTML menjadisatu. • <span> digunakanuntukmendefinisikaninline element • <div> digunakanuntukblock element • <div> dan <span> bisa diibaratkan sebagai sebuah kotak yang di dalamnya bisa menampung beberapa element HTML sekaligus

  3. Inline element & Block Element • Inline element adalah element yang tampilannyadilayartidakmembutuhkanbaristerpisah • Contoh <b>, <i>, <u>.<span> • block element adalahelemen yang tampilannyadilayarmembutuhkanbaristersendiri • Contoh <p>, <h1>, <h2>,<div>

  4. Contohpenggunaan <div> dan <span>

  5. Hasilnya

  6. CSS Background Properties (1) • CSS background properties digunakanuntukmengaturtampilan background padasebuahelemen. • Misalnyamenentukanwarna background, membuat background berupagambar, danmenentukanposisi background.

  7. CSS Background Properties (2)

  8. CSS Background Properties (3)

  9. Contohpenggunaan CSS Background (background.html)

  10. ContohPenggunaan CSS Background (background.css)

  11. Hasil (background.html)

  12. CSS Text Properties (1) • CSS Text properties digunakanuntukmengaturtampilan text, misalnyamenentukanwarna text, perataan text dandekorasi text.

  13. CSS Text Properties (2)

  14. ContohPenggunaan CSS Text (font.html)

  15. ContohPenggunaan CSS Text (font.css)

  16. Hasil font.html

  17. CSS Font Properties (1) • CSS font properties digunakanuntukmengaturtampilanhuruf. • Misalnyamenentukanjenishuruf, ukuranhuruf, ketebalandan style huruf.

  18. CSS Font Properties (2)

  19. CSS Font Properties (3)

  20. ContohPenggunaan CSS Font (fontcss.html)

  21. Hasil fontcss.html

  22. CSS List Properties (1) • CSS list properties digunakanmengaturjenis list, memberigambarsebagaipengganti bullet, dll.

  23. CSS List Properties (2)

  24. Contoh CSS List (list.html)

  25. Contoh CSS List (list.css)

  26. Hasil list.html

More Related