Sabtu, 20 Agustus 2011

Materi Web Design

  • MATERI WEB DESIGN



HTML : Hyper Text Markup Language
Adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web.

Ini adalah salah satu contoh HTML:

<!DOCTYPE html>
  <html>
     <head>
          <title>'''Selamat Malam''' HTML</title>
     </head>
     <body>
          <p>Halo saya Pande!</p>
     </body>
</html>

1. TAG :

Tag HTML biasanya dinyatakan dengan tanda lebih kecil (<) dan tanda lebih besar (>)
Contoh : halo saya pande
Untuk membuat teks miring seperti itu, kita harus menggunakan perintah <i>halo saya pande</i> pada HTML.
<i> : merupakan perintah untuk membuat text miring (italic).

Beberapa TAG HTML :
<br> : pindah baris
<body> Tag awal untuk melakukan berbagai pengaturan terhadap text
<a href> Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut

2. HEAD
Bagian header dari dokument HTML dinyatakan dengan tag <HEAD></HEAD> di dalam bagian ini biasanya dimuat tag TITLE yang menampilkan judul dari halaman pada titlenya browser.

3. Body
Body dinyatakan dengan tag <BODY></BODY>, di dalam bagian ini merupakan isi dari dokumen HTML dimana tempat untuk meletakan informasi yang akan ditampilkan pada browser.

CSS : Cascading Style Sheets
Kumpulan format/style sheets yang diterapkan pada halaman web untuk mengontrol tampilan kumpulan agar lebih terstruktur dan seragam.
CSS biasanya diaplikasikan ke dalam HTML.

Penulisan CSS biasanya berisi tanda {} (kurung kurawal)
Contoh :
#nama{ color : red ; }

Aplikasi yang digunakan untuk HTML dan CSS biasanya dengan Adobe Dreamweaver, bahkan Notepad pun juga bisa.
Penting

1. Tidak ada yang memiliki ID tag yang sama pada sebuah halaman HTML
2. ID tidak boleh berupa angka saja, melainkan harus kombinasi angka dan huruf atau huruf saja.
3. ID tidak boleh memiliki karakter spasi. Silahkan menggunakan underscore (_) atau dash (-) untuk mengganti karakter spasi.

Tidak ada komentar:

Posting Komentar