Rabu, 28 Juli 2010

materi web

Apa yg dimaksud HTML?HTML adalah kode yg ditulis oleh webmaster/blogger dalam site mereka utk memberitahu browser mereka, bagaimana menampilkan isi yg terkandung dalam perintah itu.

Setiap HTML harus mempunyai kode awal dan penutup. Kode HTML ini terletak dalam tanda <>. Kode penutup biasanya mengandung tanda slash (/) yg mana akan membedakannya dari kode pembuka. Jadi umumnya mereka mempunyai format dasar - < > dan

Berikut ini adalah perintah umum dan kegunaannya (ingat bahwa sy bukanlah expert dalam hal ini - anda bebas menambahkan tips HTML dalam link comments)

(catatan : beberapa perintah HTML akan berbeda2 tampilannya, hal ini berdasarkan platform blog dan template CSS yang anda pakai)

Perintah HTML Dasar

- bold - menebalkan huruf
- strong - juga menebalkan huruf (biasanya memakai bold)
- underlined - garis bawah
- italics -huruf miring
- emphasis -fungsinya sama dengan italics
- strike through - coretan garis tengah
-

This centers text on the page
- menengahkan huruf pd suatu halaman
- teletype text - huruf dengan tipe typewriter
- blockquotes - tampilannya akan bergantung pada template CSS anda, tetapi biasanya berfungsi sebagai paragraf

Ada perdebatan tentang perbedaan antara dan , juga antara and . Jika anda ingin melihat beberapa argumen yg mendasarinya. Ada banyak penjelasan lain dan diskusi tentang hal ini - tapi yg mungkin anda perlu tahu bahwa hasilnya akan sama jika anda menggunakan atau , atau menggunakan and ..

Links

  • Basic Link judul link (dimana "url" adalah alamat site yg ingin anda hubungkan dan "judul link" adalah kata2 ter "link" / terhubungkan yg ingin anda sampaikan.
  • Email Link (dimana "EMAIL" adalah alamat email yg ingin anda tuju).

Heading (bervariasi tergantung CSS)
-

Judul yg penting 

-

Judul yg sedikit kurang penting


-

Lebih tidak penting lagi


-

Perintah heading yg paling kecil
Font / Huruf

  • Font Size / Ukuran Huruf - isi teks yg dapat diubah2 - gantilah nilai "x" utk memperoleh ukuran yg berbeda2 . 1 adalah nilai terkecil dan 7 adalah besar.
  • Colors / warna - warna merah (dapatkan kode warna di sini)
  • Font type

Gambar / Image

  • Perintah dasar Image - (dimana url = alamat url gambar yg ingin ditampilkan)
  • Image dengan ukuran
  • Posisi gambar rapat kiri - (ganti "left" dengan "right" utk posisi rapat kanan)
  • Perintah Alt - deskripsi singkat tentang gambar (perintah alt adalah utk memberitahu pembaca dgn tulisan jika gambar tidak ter upload / tidak tampak pada browser.)
  • Image yg mengandung link - (dimana "link url" adalah link yg ingin dihubungkan dengan gambar anda, sedangkan "url" adalah alamat url gambar).
  • Image dengan border - (semakin besar nilainya, semakin tebal pula bordernya)
  • Spasi di sekitar Image - (hspace adalah horisontal spasi dan vspace adalah spasi vertikal. Satuannya adalah menggunakan pixel)

Bila semuanya disatukan :
- (ini adalah gambar dgn ukuran lebar 65 pixel, tinggi 38 pixel, yg ter link / terhubung dgn url lain, memiliki border setebal 1, posisi rapat kiri, dan dikelilingi spasi 10 pixel secara horisontal dan vertikal).

Unordered Lists (biasanya ditandai dengan bullet)

  • poin pertama
  • poin kedua
  • poin ketiga
Ordered Lists (memakai urutan angka)

  1. poin pertama
  2. poin ketiga

Tidak ada komentar:

Posting Komentar