HTML dan CSS

Cascading Style Sheet (CSS), merupakan format gaya yang digunakan pada HTML. CSS dapat merubah gaya penampilan pada setiap tag HTML.

CSS dapat ditempatkan dalam 2 cara, yaitu:

1.      langsung didalam setiap tag HTML. Contoh:

<img src="images/myphoto.jpg" width="180" height="200" alt="photo" style="border-style:solid; border-color:black; borderwidth:thin"; padding:10px 10px;/>

2.      mereferensi pada link file diluar yang dikhususkan untuk CSS

<link rel="stylesheet" type="text/css" href="main.css" />

Standar desain HTML dan CSS saat ini dilakukan dengan:

·         pengelompokan desain sesuai pembagian elemen secara independen menggunakan tag DIV

·         menggunakan link CSS untuk memudahkan manajemen dan reusability

·         menggunakan selektor pseudo ID dan Class.

Diantara style CSS:

Ø layout

   background

Ø Posisi:

   Position, menentukan posisi elemen pada layout

·      Absolute, jarak mutlak sesuai koordinat tanpa pengaruh elemen lainnya

·      Relative, menyesuaikan dengan bagian sebelumnya

   Margin, menentukan jarak outer

   Padding, menentukan jarak inner

Ø  Teks

• font, jenis font yang digunakan
•  text, posisi text
• color, warna texs

Ø  Action

        link, setiap url link

        active, url link aktif

        hover, saat url link disorot

        visited, url link pernah dikunjungi

Laporan Resmi HTML dan CSS

keyword : Tutorial CSS, HTML, CSS