ini dy gambarnya
Arsip untuk Mei, 2008
rfc http
Metode GET Menurut RFC 2616
Dengan menggunakan metode GET, HTTP Client bisa mengambil informasi dari server dengan mengirimkan data melalui URI walaupun bisa juga dengan form yang menggunakan metode GET yang mana ujung – ujungnya data tersebut tetap dikirimkan juga melalui URL.
Hasil dari permintaan dengan metode GET dapat bersifat cacheable. Dan metode GET juga memiliki kondisional If-Modified-Since, If-Unmodified-Since, If-Match, If-None-Match, ataupun If-Range yang ditujukan untuk menentukan apakah hasil dari permintaan HTTP Client akan diberikan server atau tidak. Ini bertujuan untuk mengurangi trafik antara HTTP Client dan Server yang mana jika hasil permintaan hasil permintaan tersebut sudah pernah ada di HTTP Client (sudah pernah diminta sebelumnya) maka HTTP Server tidak lagi memberikan permintaan tersebut.
Pada intinya, metode GET digunakan untuk memanggil dan menerima sebuah dokumen. URL digunakan untuk mengirimkan data.
Metode POST Menurut RFC 2616
Metode POST digunakan untuk mengirimkan data dari HTTP Client untuk diproses di HTTP Server, kemudian HTTP server memberikan hasil dari proses tersebut ke HTTP Client. Data yang dikirimkan dengan metode POST disertakan pada baris permintaan (body of request) bukan pada URI. Dan hasil dari permintaan dengan metode POST ini tidak bersifat cacheable. Metode POST digunakan untuk mengirimkan sebuah form, dan menerima response.
Head adalah metode yang sama dengan GET namun hanya menerima header HTTP saja. Biasanya digunakan untuk caching.
Cookie adalah sebaris informasi yang dipasang pada sebuah server web dalam sebuah file di hard disk anda. Server web melakukannya melalui browser web (itu sebabnya mengapa cookie sering kali disebut cookie browser). Cookie biasanya terdiri dari satu baris informasi. Informasi-informasi ini disimpan dalam sebuah file bernama cookies.txt, disalah satu sub-folder browser anda.
Cookie digunakan oleh server web (komputer yang menampung situs web) untuk meletakkan informasi di hard disk anda. Tipe informasi ini mencakup, namun tidak terbatas pada, user ID dan password, tanggal dan waktu anda mengunjungi situs web, halaman yang ditampilkan, dan banyak lagi.
The Hypertext Transfer Protocol (HTTP) adalah protocol level aplikasi untuk bertukar system informasi.
Options adalah metode untuk merepresentasikan request informasi tentang opsi komunikasi yang memungkinkan yang diidentifikasi oleh Request-URI.
Metoda DELETE merequest server yang asli untuk menghapus sumber yang diidentifikasikan oleh Request-URI.
Tag HTML
DTD: menunjukkan tag mana yang diizinkan dalam XHTML 1.0 DTD. S=Strict, T=Transitional, and F=Frameset
| Start tag | Purpose | DTD |
|---|---|---|
| Basic Tags | ||
| <!DOCTYPE> | mendeklarasikan tipe dokumen | STF |
| <html> | mendeklarasikan dokumen html | STF |
| <body> | mendeklarasikan elemen body | STF |
| <h1> to <h6> | mendeklarasikan header (dari 1 – 6) | STF |
| <p> | mendeklarasikan paragraf | STF |
| <br> | menambahkan baris baru | STF |
| <hr> | mendeklarasikan rule horizontal | STF |
| <!–…–> | mendeklarasikan komentar | STF |
| Char Format | ||
| <b> | mendeklarasikan teks bold | STF |
| <font> | Deprecated. mendeklarasikan jenis, ukuran, dan warna font | TF |
| <i> | mendeklarasikan teks italic | STF |
| <em> | mendeklarasikan penekanan pada teks | STF |
| <big> | mendeklarasikan teks besar | STF |
| <strong> | mendeklarasikan teks tegas | STF |
| <small> | mendeklarasikan teks kecil | STF |
| <sup> | mendeklarasikan teks superscript | STF |
| <sub> | mendeklarasikan teks subscript | STF |
| <bdo> | mendeklarasikan arah tampilan teks | STF |
| <u> | Deprecated. mendeklarasikan teks underline | TF |
| Output | ||
| <pre> | mendeklarasikan teks yang telah diformat sebelumnya | STF |
| <code> | mendeklarasikan teks kode komputer | STF |
| <tt> | mendeklarasikan teks teletype | STF |
| <kbd> | mendeklarasikan teks keyboard | STF |
| <var> | mendeklarasikan variabel | STF |
| <dfn> | mendeklarasikan definisi suatu kondisi | STF |
| <samp> | mendeklarasikan contoh kode komputer | STF |
| <xmp> | Deprecated. mendeklarasikan teks yang telah diformat sebelumnya | |
| Blocks | ||
| <acronym> | mendefinisikan akronim | STF |
| <abbr> | mendeklarasikan singkatan | STF |
| <address> | mendeklarasikan elemen alamat | STF |
| <blockquote> | mendeklarasikan kutipan panjang | STF |
| <center> | Deprecated. mendeklarasikan teks centered | TF |
| <q> | mendeklarasikan kutipan singkat | STF |
| <cite> | mendeklarasikan citation | STF |
| <ins> | mendeklarasikan teks yang dimasukkan | STF |
| <del> | mendeklarasikan teks yang dihapus | STF |
| <s> | Deprecated. mendeklarasikan teks strikethrough | TF |
| <strike> | Deprecated. mendeklarasikan teks strikethrough | TF |
| Links | ||
| <a> | mendeklarasikan anchor | STF |
| <link> | mendeklarasikan sumber bahan referensi | STF |
| Frames | ||
| <frame> | mendeklarasikan frame (subwindow) | F |
| <frameset> | mendeklarasikan frameset | F |
| <noframes> | mendeklarasikan bagian tanpa frame | TF |
| <iframe> | mendeklarasikan inline frame | TF |
| Input | ||
| <form> | mendeklarasikan form | STF |
| <input> | mendeklarasikan input field | STF |
| <textarea> | mendeklarasikan teks area | STF |
| <button> | mendeklarasikan push button | STF |
| <select> | mendeklarasikan daftar pilihan | STF |
| <optgroup> | mendeklarasikan grup option | STF |
| <option> | mendeklarasikan item dalam listbox | STF |
| <label> | mendeklarasikan label untuk kontrol form | STF |
| <fieldset> | mendeklarasikan fieldset | STF |
| <legend> | mendeklarasikan judul dalam fieldset | STF |
| <isindex> | Deprecated. mendeklarasikan input satu baris | TF |
| Lists | ||
| <ul> | mendelarasikan unorderer list | STF |
| <ol> | mendeklarasikan ordered list | STF |
| <li> | mendeklarasikan daftar item | STF |
| <dir> | Deprecated. mendeklarasikan daftar folder | TF |
| <dl> | mendeklarasikan daftar definisi | STF |
| <dt> | mendeklarasikan kondisi definisi | STF |
| <dd> | mendeklarasikan penjelasan definisi | STF |
| <menu> | Deprecated. mendeklarasikan daftar menu | TF |
| Images | ||
| <img> | mendeklarasikan sebuah gambar | STF |
| <map> | mendeklarasikan image map | STF |
| <area> | mendeklarasikan area didalam image map | STF |
| Tables | ||
| <table> | mendeklarasikan sebuah tabel | STF |
| <caption> | mendeklarasikan judul tabel | STF |
| <th> | mendeklarasikan header tabel | STF |
| <tr> | mendeklarasikan kolom tabel | STF |
| <td> | mendeklarasikan baris tabel | STF |
| <thead> | mendeklarasikan header tabel | STF |
| <tbody> | mendeklarasikan body tabel | STF |
| <tfoot> | mendeklarasikan footer tabel | STF |
| <col> | mendeklarasikan atribut untuk kolom tabel | STF |
| <colgroup> | mendeklarasikan grup dari kolum tabel | STF |
| Styles | ||
| <style> | mendeklarasikan style | STF |
| <div> | mengatur bagian dalam dokumen | STF |
| <span> | mengatur bagian dalam dokumen | STF |
| Meta Info | ||
| <head> | mendeklarasikan informasi tentang dokumen | STF |
| <title> | mendeklarasikan judul dokumen | STF |
| <meta> | mendeklarasikan meta information | STF |
| <base> | mendeklarasikan base URL untuk semua link di halaman web | STF |
| <basefont> | Deprecated. mendeklarasikan huruf dasar | TF |
| Programming | ||
| <script> | mendeklarasikan script | STF |
| <noscript> | mendeklarasikan bagian tanpa script | STF |
| <applet> | Deprecated. mendeklarasikan applet | TF |
| <object> | mendeklarasikan objek tambahan | STF |
| <param> | mendeklarasikan paramaeter untuk objek | STF |
tag css
| Property | Description | Values | IE | F | N | W3C |
|---|---|---|---|---|---|---|
| background | perintah singkat untuk mengkonfigurasi semua background dalam satu deklarasi | background-colorbackground-image
background-repeat background-attachment background-position |
4 | 1 | 6 | 1 |
| background-attachment | men-set apakah background tersebut tetap atau bergerak sampai batas bawah halaman | scroll fixed | 4 | 1 | 6 | 1 |
| background-color | mengatur warna background untuk elemen tertentu | color-rgbcolor-hex
color-name transparent |
4 | 1 | 4 | 1 |
| background-image | mengatur sebuah image sebagai background | url(URL) none | 4 | 1 | 4 | 1 |
| background-position | mengatur letak background image | top left top center
top right center left center center center right bottom left bottom center bottom right x% y% xpos ypos |
4 | 1 | 6 | 1 |
| background-repeat | mengatur bagaimana sebuah image diulang tampilannya | repeat repeat-x
repeat-y no-repeat |
4 | 1 | 4 | 1 |
| Property | Description | Values | IE | F | N | W3C |
|---|---|---|---|---|---|---|
| border | perintah singkat untuk mengatur properti dari keempat border dalam satu deklarasi | border-widthborder-style
border-color |
4 | 1 | 4 | 1 |
| border-bottom | perintah singkat untuk mengatur semua properti dari bottom-border dalam sekali deklarasi | border-bottom-widthborder-style
border-color |
4 | 1 | 6 | 1 |
| border-bottom-color | mengatur warna dari bottom-border | border-color | 4 | 1 | 6 | 2 |
| border-bottom-style | mengatur style dari bottom-border | border-style | 4 | 1 | 6 | 2 |
| border-bottom-width | mengatur lebar dari bottom-border | thin medium
thick length |
4 | 1 | 4 | 1 |
| border-color | mengatur warna dari keempat border, bisa ada empat warna | color | 4 | 1 | 6 | 1 |
| border-left | perintah singkat untuk mengatur semua properti dari left-border dalam sekali deklarasi | border-left-widthborder-style
border-color |
4 | 1 | 6 | 1 |
| border-left-color | mengatur warna dari left-border | border-color | 4 | 1 | 6 | 2 |
| border-left-style | mengatur style dari left-border | border-style |
4 | 1 | 6 | 2 |
| border-left-width | mengatur lebar dari left-border | thin medium
thick length |
4 | 1 | 4 | 1 |
| border-right | perintah singkat untuk mengatur semua properti dari right-border dalam sekali deklarasi | border-right-widthborder-style
border-color |
4 | 1 | 6 | 1 |
| border-right-color | mengatur warna dari right-border | border-color | 4 | 1 | 6 | 2 |
| border-right-style | mengatur style dari right-border | border-style | 4 | 1 | 6 | 2 |
| border-right-width | mengatur lebar dari right-border | thin medium
thick length |
4 | 1 | 4 | 1 |
| border-style | mengatur style dari keempat border, bisa ada 1 – 4 border style | none hidden
dotted dashed solid double groove ridge inset outset |
4 | 1 | 6 | 1 |
| border-top | perintah singkat untuk mengatur semua properti dari top-border dalam sekali deklarasi | border-top-widthborder-style
border-color |
4 | 1 | 6 | 1 |
| border-top-color | mengatur warna dari top-border | border-color | 4 | 1 | 6 | 2 |
| border-top-style | mengatur style dari top-border | border-style | 4 | 1 | 6 | 2 |
| border-top-width | mengatur lebar dari bottom-border | thin medium
thick length |
4 | 1 | 4 | 1 |
| border-width | perintah singkat untuk mengatur lebar dai keempat border dalam satu deklarasi, bisa ada empat nilai border | thin medium
thick length |
4 | 1 | 4 | 1 |
| Property | Description | Values | IE | F | N | W3C |
|---|---|---|---|---|---|---|
| clear | mengatur sisi dari sebuah elemen dimana tidak diizinkan adanya floating element lain | left right
both none |
4 | 1 | 4 | 1 |
| cursor | mengatur tipe cursor yang ditampilkan | url auto crosshair
default pointer move e-resize ne-resize nw-resize n-resize se-resize sw-resize s-resize w-resize text wait help |
4 | 1 | 6 | 2 |
| display | mengatur bagaimana suatu unsur ditampilkan | none inline
block list-item run-in compact marker table inline-table table-row-group table-header-group table-footer-group table-row table-column-group table-column table-cell table-caption |
4 | 1 | 4 | 1 |
| float | mengatur di mana gambar atau teks tampil dalam elemen lainnya | left right
none |
4 | 1 | 4 | 1 |
| position | menempatkan sebuah elemen dalam posisi static, relative, absolute, atau fixed | static relative
absolute fixed |
4 | 1 | 4 | 2 |
| visibility | mengatur apakah suatu elemen akan terlihat atau tak-terlihat | visible hidden
collapse |
4 | 1 | 6 | 2 |
| Property | Description | Values | IE | F | N | W3C |
|---|---|---|---|---|---|---|
| height | mengatur tinggi dari suatu elemen | autolength
% |
4 | 1 | 6 | 1 |
| line-height | mengatur jarak antar baris | normal number
length % |
4 | 1 | 4 | 1 |
| max-height | mengatur tinggi maksimum dari suatu elemen | none length % |
- | 1 | 6 | 2 |
| max-width | mengatur lebar maksimum dari suatu elemen | none length % |
- | 1 | 6 | 2 |
| min-height | mengatur tinggi minimum dari suatu elemen | length% |
- | 1 | 6 | 2 |
| min-width | mengatur lebar maksimum dari sebuah elemen | length% | - | 1 | 6 | 2 |
| width | mengatur lebar dari suatu elemen | auto %
length |
4 | 1 | 4 | 1 |
| Property | Description | Values | IE | F | N | W3C |
|---|---|---|---|---|---|---|
| font | perintah singkat untuk mengatur semua properti untuk font dalam satu deklarasi | font-stylefont-variant
font-weight font-size/line-height font-family caption icon menu message-box small-caption status-bar |
4 | 1 | 4 | 1 |
| font-family | daftar prioritas dari font family name dan/atau generic family name untuk sebuah elemen | family-namegeneric-family | 3 | 1 | 4 | 1 |
| font-size | mengatur ukuran font | xx-small x-small
small medium large x-large xx-large smaller larger length % |
3 | 1 | 4 | 1 |
| font-size-adjust | mengatur tinggi dari font | none number | - | - | - | 2 |
| font-stretch | menyingkat atau meng-expandsfont-family dari suatu | normal wider
narrower ultra-condensed extra-condensed condensed semi-condensed semi-expanded expanded extra-expanded ultra-expanded |
- | - | - | 2 |
| font-style | mengatur style font | normal italic
oblique |
4 | 1 | 4 | 1 |
| font-variant | menampilkan teks sebagai small-caps font atau normal font | normal small-caps | 4 | 1 | 6 | 1 |
| font-weight | mengatur bobot font | normal bold
bolder lighter 100 200 300 400 500 600 700 800 900 |
4 | 1 | 4 | 1 |
| Property | Description | Values | IE | F | N | W3C |
|---|---|---|---|---|---|---|
| content | membuat content dalam dokumen. Digunakan dengan printah tambahan :before dan :after pseudo-elemen |
stringurl
counter(name) counter(name, list-style-type) counters(name, string) counters(name, string, list-style-type) attr(X) open-quote close-quote no-open-quote no-close-quote |
1 | 6 | 2 | |
| counter-increment | mengatur seberapa banyak penambahan daftar dalam suatu selector | none identifier number | 2 | |||
| counter-reset | mengatur nilai dari suatu selector saat terjadi perubahan | none identifier number | 2 | |||
| quotes | mengatur penandaan dari suatu tipe kutipan | none string string | - | 1 | 6 | 2 |
| Property | Description | Values | IE | F | N | W3C |
|---|---|---|---|---|---|---|
| list-style | perintah singkat untuk mengatur semua properti dari sebuah daftar dalam satu deklarasi | list-style-typelist-style-position
list-style-image |
4 | 1 | 6 | 1 |
| list-style-image | mengatur sebuah gambar sebagai list-item marker | none url | 4 | 1 | 6 | 1 |
| list-style-position | mengatur di mana list-item marker akan ditempatkan dalam daftar | inside outside | 4 | 1 | 6 | 1 |
| list-style-type | mengatur tipe list-item marker | none disc
circle square decimal decimal-leading-zero lower-roman upper-roman lower-alpha upper-alpha lower-greek lower-latin upper-latin hebrew armenian georgian cjk-ideographic hiragana katakana hiragana-iroha katakana-iroha |
4 | 1 | 4 | 1 |
| marker-offset | auto length | 1 | 7 | 2 |
| Property | Description | Values | IE | F | N | W3C |
|---|---|---|---|---|---|---|
| margin | perintah singkat untuk mengatur properti dari margin dalam satu deklarasi | margin-topmargin-right
margin-bottom margin-left |
4 | 1 | 4 | 1 |
| margin-bottom | mengatur margin bawah dari sebuah elemen | auto length
% |
4 | 1 | 4 | 1 |
| margin-left | mengatur margin kiri dari sebuah elemen | auto length
% |
3 | 1 | 4 | 1 |
| margin-right | mengatur margin kanan dari sebuah elemen | auto length
% |
3 | 1 | 4 | 1 |
| margin-top | mengatur margin atas dari sebuah elemen | auto length
% |
3 | 1 | 4 | 1 |
| Property | Description | Values | IE | F | N | W3C |
|---|---|---|---|---|---|---|
| outline | perintah singkat untuk mengatur semua properti outline dalam sebuah deklarasi | outline-coloroutline-style
outline-width |
- | 1.5 | - | 2 |
outline-color |
mengatur warna outline di sekitar sebuah elemen | colorinvert | - | 1.5 | - | 2 |
outline-style |
mengatur style dari outline di sekitar sebuah elemen | none dotted
dashed solid double groove ridge inset outset |
- | 1.5 | - | 2 |
outline-width |
mengatur lebar dari outline di sekitar sebuah elemen | thin medium
thick length |
- | 1.5 | - | 2 |
| Property | Description | Values | IE | F | N | W3C |
|---|---|---|---|---|---|---|
| padding | perintah singat untuk mengatur semua properti padding dalam satu deklarasi | padding-toppadding-right
padding-bottom padding-left |
4 | 1 | 4 | 1 |
| padding-bottom | mengatur padding bawah elemen | length% | 4 | 1 | 4 | 1 |
| padding-left | mengatur padding kiri elemen | length% | 4 | 1 | 4 | 1 |
| padding-right | mengatur padding kanan elemen | length% | 4 | 1 | 4 | 1 |
| padding-top | mengatur padding atas elemen | length% | 4 | 1 | 4 | 1 |
| Property | Description | Values | IE | F | N | W3C |
|---|---|---|---|---|---|---|
| bottom | mengatur seberapa jauh pinggir bawah dari sebuah elemen berada di atas/bawah dari pinggir bawah parent element | auto %
length |
5 | 1 | 6 | 2 |
| clip | mengatur bentuk dari sebuah elemen. elemen tersebut akan dimasukkan ke bentuk ini dan ditampilkan | shapeauto | 4 | 1 | 6 | 2 |
| left | mengatur seberapa jauh pinggir kiri dari sebuah elemen berada di kiri/kanan dari pinggir kiri parent element | auto %
length |
4 | 1 | 4 | 2 |
| overflow | mengatur apa yang akan terjadi jika content dari sebuah elemen melebihi areanya | visible hidden
scroll auto |
4 | 1 | 6 | 2 |
| position | menempatkan elemen dalam posisi static, relative, absolute, atau fixed | static relative
absolute fixed |
4 | 1 | 4 | 2 |
| right | mengatur seberapa jauh pinggir kanan dari sebuah elemen berada di kiri/kanan dari pinggir kanan parent element | auto %
length |
5 | 1 | 6 | 2 |
| top | mengatur seberapa jauh pinggir atas dari sebuah elemen berada di atas/bawah dari pinggir atas parent element | auto %
length |
4 | 1 | 4 | 2 |
| vertical-align | mengatur vertical alignment dari sebuah elemen | baseline sub
super top text-top middle bottom text-bottom length % |
4 | 1 | 4 | 1 |
| z-index | mengatur urutan penimpaan dari suatu elemen | auto number | 4 | 1 | 6 | 2 |
| Property | Description | Values | IE | F | N | W3C |
|---|---|---|---|---|---|---|
| border-collapse | mengatur apakah border tabel menyatu ke dalam satu single-border atau terlepas sebagai standar HTML | collapse separate | 5 | 1 | 7 | 2 |
| border-spacing | mengatur jarak pisah antar cell (hanya untuk “separated borders” model) |
length length | 5M | 1 | 6 | 2 |
| caption-side | mengatur posisi judul untuk tabel | top bottom
left right |
5M | 1 | 6 | 2 |
| empty-cells | mengatur apakah akan menampilkan cell kosong atau tidak (hanya untuk “separated borders” model) | show hide | 5M | 1 | 6 | 2 |
| table-layout | mengatur algoritma yang digunakan untuk menampilkan table cells, rows, dan columns | auto fixed | 5 | 1 | 6 | 2 |
| Property | Description | Values | IE | F | N | W3C |
|---|---|---|---|---|---|---|
| color | mengatur warna teks | color | 3 | 1 | 4 | 1 |
| direction | mengatur arah teks | ltr rtl | 6 | 1 | 6 | 2 |
| line-height | mengatur jarak antar baris | normal number
length % |
4 | 1 | 4 | 1 |
| letter-spacing | menaikkan atau menurunkan jarak antar huruf | normal length | 4 | 1 | 6 | 1 |
| text-align | menyusun teks dalam suatu elemen | left right
center justify |
4 | 1 | 4 | 1 |
| text-decoration | menambahkan dekorasi pada teks | none underline
overline line-through blink |
4 | 1 | 4 | 1 |
| text-indent | menjorokkan baris pertama dari teks dalam sebuah elemen | length% | 4 | 1 | 4 | 1 |
| text-shadow | none color
length |
|||||
| text-transform | mengontrol surat dalam suatu elemen | none capitalize
uppercase lowercase |
4 | 1 | 4 | 1 |
| unicode-bidi | normal embed
bidi-override |
5 | 2 | |||
| white-space | mengatur bagaimana mengurus white space dalam suatu elemen | normal pre
nowrap |
5 | 1 | 4 | 1 |
| word-spacing | menaikkan atau menurunkan jarak antar kata | normal length | 6 | 1 | 6 | 1 |
| Pseudo-class | Purpose | IE | F | N | W3C |
|---|---|---|---|---|---|
| :active | menambahkan spesial style pada elemen aktif | 4 | 1 | 8 | 1 |
| :focus | menambahkan spesial style pada suatu elemen selama ia menjadi focus | - | 1.5 | 8 | 2 |
| :hover | menambahkan spesial style pada suatu elemen saat mouse berada di atasnya | 4 | 1 | 7 | 1 |
| :link | menambahkan spesial style pada link yang belum dikunjungi | 3 | 1 | 4 | 1 |
| :visited | menambahkan spesial style pada link yang sudah dikunjungi | 3 | 1 | 4 | 1 |
| :first-child | menambahkan spesial style pada elemen yang merupakan turunan pertama dari elemen lainnya | - | 1 | 7 | 2 |
| :lang | mengizinkan author untuk mengatur bahasa yang digunakan dalam elemen tertentu | - | 1 | 8 | 2 |
| Pseudo-element | Purpose | IE | F | N | W3C |
|---|---|---|---|---|---|
| :first-letter | menambahkan spesial style pada huruf pertama dari sebuah teks | 5 | 1 | 8 | 1 |
| :first-line | menambahkan spesial style pada baris pertama dari sebuah teks | 5 | 1 | 8 | 1 |
| :before | memasukkan beberapa content sebelum sebuah elemen | 1.5 | 8 | 2 | |
| :after | memasukkan beberapa content setelah sebuah elemen | 1.5 | 8 | 2 |
