Sabtu, 15 November 2014

Entitas Karakter

0

Entitas Karakter
Beberapa karakter khusus mempunyai arti khusus dalam Html, seperti tanda lebih kecil (<) yang berarti awal tag Html, dan tanda lebih besar (>) yang berarti akhir tag Html. Jika kita menginginkan browser untuk menampilkan karakter-karakter tersebut, kita harus menyisipkan entitas karakter ke dalam source Html.
Entitas karakter mempunyai 3 bagian : Sebuah ampersand (&), sebuah nama entitas atau sebuah # dan nomor entitas, dan terakhir adalah sebuah tanda titik koma (; /semicolon). Untuk menampilkan tanda lebih kecil dalam sebuah Html maka kita harus menuliskan : &lt; atau &#60;
Kelebihan menggunakan nama dari pada nomor adalah lebih mudah diingat. Kekurangan adalah tidak semua browser mendukung nama entitas baru, sedangkan dukungan untuk nomor entitas hampir ada pada setiap browser.
Entitas karakter yang sering digunakan adalah sebagai berikut :
Hasil Deskripsi Nama Karakter Kode Karakter
© Copyright &copy; &#169;
® Registertrademark &reg; &#174;
Trademark &trade; &#8482;
Non breaking space &nbsp; &#161;
& Ampersand &amp; &#38;
« Angel quotion mark (left) &laquo; &#171;
» Angel quotion mark (right) &raquo; &#187;
" Tanda kutip &quot; &#34;
< Tanda lebih kecil &lt; &#60;
> Tanda lebih besar &gt; &#61;
× Tanda kali &times; &#215;
÷ Tanda bagi &divide; &#247;

Latihan

Format Teks dan List HTML

0

Preformatted Teks
Preformatted teks <pre> digunakan untuk menampilkan teks sama seperti yang anda ketikan pada dokumen HTML.Browser akan menampilkan teks tersebut dalam font monospaced, yaitu seperti terlihat dalam teks yang ditampilkan oleh aplikasi berbasiskan teks.

Latihan
















Quotation / Identasi
Suatu kutipan teks lazim dalam suatu dokumen,ada dua macam kutipan :
  • Kutipan pendek - tag <q>
  • Kutipan panjang - tag <blockqoute>
Tag <q> tidak melakukan sesuatu yang khusus, tetapi dengan dengan kita telah mendefinisikan sebagai kutipan, kemudian kita menggunakan style sheet maka kutipan ini bisa diatur pemformatannya dengan menggunakan style sheet.

Latihan
















List HTML
List item merupakan perintah yang digunakan dalam HTML untuk membuat daftar atau pengelompokan kata [List].Ada beberapa jenis list dalam HTML.
HTML menyediakan lima cara untuk membuat daftar atau list,yaitu :
  • Ordered List
  • Unordered List
  • Directory List
  • Menu List
  • Definition List
Untuk modul ini, hanya ordered list dan unordered list yang dibahas.

Ordered List ( Numering )
Ordered List digunakan untuk membuat daftar dimana setiap bagiannya memiliki nomor secara terurut. Ordered list dimualai dengan tag <ol> dan diakhiri dengan </ol>. Untuk menyatakan tiap bagiannya digunakan tag <li> dan tidak diperlukan tag penutup. Atribut Ordered List
TYPE=[ 1 | a | A | i | I ], ( default 1 )
Untuk mencoba tulis script di bawah ini
Latihan
















Unordered List
Berbeda dengan ordered list, dalam unordered list tidak di jumpai urutan dalam suatu daftar. Setiap bagian dari Unordered List ditandai dengan tanda bullet. Untuk membuat daftar dengan tanda ini digunakan tag awal <ul> dan tag penutup </ul> dan untuk tiap bagiannya menggunakan tag <li> tanpa tag penutup. Atribut Unordered List
TYPE=[ disc | square | circle ], ( default disc )
 Untuk mencoba tulis script di bawah ini

Latihan














 

Kamis, 13 November 2014

Tag Komentar dan Logical Format

0

Tag Komentar
Dalam suatu dokumen informasi ada sebagian teks dalam dokumen yang berfungsi sebagai catatan atau komentar terhadap dokumen itu sendiri.Catatan/komentar dalam dokumen ini tidak di tampilkan dalam browser. Teks yang berfungsi sebagai komentar disimpan dalam dokumen di tandai dengan tag <!-- sebagai awal, kemudian teks yang di komentari, dan tag --> sebagai akhir tag. Khusus untuk tag komentar ini, tag penutup tidak menggunakan tanda garis miring.

Latihan











Memformat Karakter
Melakukan format terhadap karakter yang ditampilkan akan sangat berguna untuk membuat sebuah dokumen menjadi menarik dan inofatif
Logical Format
Logical format akan menerangkan layout dokumen secara logis dan terstruktur.Semua tag ini memerlukan tag penutup. Tag-tag yang termasuk logical format adalah sebagai berikut :
  • <cite>, digunakan untuk menandai suatu kutipan (citizen)
  • <code>, digunakan untuk menampilkan kode-kode pemrograman, misalnya bahasa C
  • <emp>, digunkan untuk menandai suatu teks yang ditekankan (cetak miring) oleh penulis
  • <kbd>, digunakan untuk menandai suatu teks yang harus dimasukan oleh user melalui keyboard
  • <samp>, digunakan untukk menandai teks yang dimaksudkan sebagai contoh
  • <strong>, digunakan untuk menandai bagian yang penting (cetak tebal) dari suatu teks
  • <var>, digunakan untuk menampilkan suatu variabel
  • <dfn>, digunakan untuk menandai subdefinisi daftar definisi
Catatan :
Semua teks tersebut memerlukan penutupnya masing-masing

Latihan

Minggu, 09 November 2014

Tag Heading,Horizontal Ruler,Paragraf dan Line Break

0

Tag Heading <hx> digunakan untuk memformat heading (judul dan sub judul) dari suatu halaman web. Heading ii akan memperbesar ukuran huruf untuk setiap jenis heading.Ada enam buah heading yang dikenaliHTML, yaitu dari <h1> sampai dengan <h6>. Tag heading mempunyai atribut : [ left,center,right ] default left. Sebagai latihan ,ketiklah latihan berikut dan jalankan di browser anda.

Latihan












Tag Horizontal Ruler
Tag horizontal ruler <hr> berfungsi untuk menampilkan garis horizontal 3 dimensi di dalam halaman web anda. Tag horizontal ruler juga tidak memerlukan elemen penutup </hr>
Atribut elemen horizontal ruler :
  • align : [ left,center,right ] default center
  • size : pixel (tebal garis. default 2)
  • width : panjang (lebar garis,pixel atau peren, default 100%)
  • noshade (garis solid)
Latihan












Tag Paragraf
Tag paragraf <p> berfungsi layaknya untuk pengaturan antar paragraf dalam halaman web anda. Dalam elemen paragraf terdapat atribut : align=[ left,center,right ] yang berfungsi sebagai pengatur perataan paragraf, jadi anda cukup memilih salah satu dari ketiga pilihan tanpa harus memberi kurung buka dan tutup, dan defaultnya adalah left. Anda dapat memilih perataan kiri,tengah,dan kanan. Agar lebih jelas coba tulis script dibawah ini.

Latihan












Tag Line Break
Tag line break <br> berfungsi untuk memberikan baris baru suatu paragraf dalam halaman web anda. Tag break tidak memerlukan tag penutup break. Berikut ini contoh penulisan scriptnya

Latihan

Kamis, 06 November 2014

Tag - Tag Dasar HTML

0

Tag HTML

Merupakan tag dasar yang mendefinisikan bahwa dokumen adalah dokumen HTML.Tag ini merupakan suatu keharusan bagi pemrograman web untuk menuliskanya sebagai tag pertama pada dokumen HTML.
Penulisan tag seperti berikut ini :   

<html> pada awal dokumen dan </html> pada akhir dokumen.

Tag Head

Bagian head sebenarnya tidak harus ada pada dokumen HTML,tetapi pemakaian head yang benar akan meningkkatkankegunaan suatu dokumen HTML.Penulisan tag seperti dibawah ini :

<head> diawal setelah <html> dan </head> di akhir section head

Elemen-elemen pada bagian head akan mengirimkan tugas-tugas sebagai berikut :
  • Menyediakan judul dokumen
  • Menjembatani hubungan antar dokumen
  • Memberitahu browser untuk membuat form pencarian
  • Menyediakan metode untuk mengirim pesan ke tipe browser
Elemen yang mungkin terdapat pada bagian head :
  • Tag <title>, digunakan untuk memberi judul dokumen. Penggunaanya adalah sebagai berikut :
          <title>judul dokumen</title>
  • Tag <base>, digunakan untuk menetukan basis URL sebuah dokumen. Contoh penggunaanya adalah sebagai berikut ini : 
         <base target="_blank"/>
  • Tag <link>, digunakan untuk menunjukan relasi antar dokumen HMTL 
          Tag ini mempunyai beberapa atribut :

Atribut Fungsi
href Menunjukan pada URL/dokumen lain
rel Menunjukan relasi terhadap sebuaj dokumen dan dokumen lain yang berisi informasi tentang personil yang memberi kontribusi terhadap dokumen tersebut
rev Mendefinisikan relasi sebuah dokumen HTML dengan dokumen lain
type Menentukan tipe dan parameter dari relasi

Contoh penggunaanya adalah sebagai berikut :

             <link rel="stylesheet" href="http//situs.com/style.css" type="text/css" />

  • Tag <meta>. digunakan untuk mendefinisikan informasi-informasi diluar HTML.Informasi meta dapat digunakan oleh browser intuk menjalankan suatu aktivitas yang belum didukung oleh HTML. Tag <meta> mempunyai atribut :
Atribut Fungsi
http-equif Mendefinisikan properti dari elemen
name Menyediakan diskripsi tambahan dari elemen
url Mendefinisikan target dokumen dari sebuah properti
content Menyediakan nilai respon dari properti

Untuk lebih memperjelas penggunaan atribut tag <meta> perhatikan contoh berikut ini :

           <meta http-equif="refresh" content="50"/>

Perintah diatas akan diterjemahkan oleh browser sebagai refresh dokumen setiap "50 detik",jadi setara dengan mengklik tombol refresh/reload pada browser

Penggunaan elemen <meta> yang paling populer adalah penggunaan properti Keyword dan Description. Kedua properti ini sangat berguna untuk membantu kerja search engine. Biasanya search engine menggunakan teks yang disebutkan pada properti Keyword untuk mengindeks dokumen dan menggunakan teks yang terdapat pada properti Description untuk mendeskripsikan indeks tersebut.

Tag Body
 Bagian body merupakan isi dari dokumen HTML. Semua informasi yang akan disampaikan mulai dari teks,sound,gambar,dll, akan ditempatkan di bagian ini. Bagian body diawali oleh tag <body> dan ditutup </body> Atributnya  :

Atribut Fungsi
alink Menunjukan warna link aktif
background Menunjuk URL atau direktori dari gambar yang digunakan sebagi latar belakang
bgcolor Menentukan warna latar belakang
bgproperties Jika nilai atribut diisi "FIXED",maka gambar latar belakang tidak ikut tergulung
leftmargin Batas kiri dokumen
link Menentukan warna link yang belum dikunjungi
text Menentukan warna teks
topmargin Menentukan batas atas
vlink Menentukan warna link yang telah dikunjungi

Latihan.
sealkazzsoftware.blogspot.com resepkuekeringku.com