Tampilkan postingan dengan label simbol kode html. Tampilkan semua postingan
Tampilkan postingan dengan label simbol kode html. Tampilkan semua postingan

Sabtu, 26 September 2015

CARA MENGGUNAKAN XML DAN XSLT PADA WEBSITE

CARA MENGGUNAKAN XSLT DAN XML 

XSLT (Extensible Stylesheet Language Transformation) adalah sebuah style sheet untuk merubah dokumen pada XML agar dapat ditampilkan pada layar.


XSLT merubah atau mentransformasikan dokumen XML melalui dua proses, iaitu:

1. Proses perubahan struktur, meliputi proses pengumpulan, pengurutan dan pengelompokan data serta manipulasi tag dan atribut lain.
2. Proses perubahan output, iaitu proses untuk memaparkan maklumat pada skrin pelayar.
XSLT merubah atau mentransformasikan XML yang hasilnya akan menjadi data dengan format XML dengan format baru atau format HTML.

bagian-bagian pada dokumen XML diantaranya sebagai berikut:

1. Header (bahagian kepala dari maklumat yang ditulis)
Contoh format header XML: <? Xml version = "1.0" encoding = "iso-8859-1"?>. Dalam contoh tersebut terlihat pada header bahawa versi dari dokumen XML iaitu 1.0 dan encodingnya iaitu iso-8859-1.

2. Processing instruction atau elemen perintah
Contoh:    <?xml_stylesheet
                 type=”text/xsl”
                 href=”website.xsl”
                 ?>
Pada contoh di atas merupakan processing instruction, dengan typenya adalah text atau XSL. Dihubungkan dengan dokumen XSL bernama website.xsl. Perintah pemprosesan dokumen ditulis diantara tanda "<?" Dan "?>".

3. Root node, yaitu node pada bahagian paling luar dari dokumen XML serta node ini hanya ada satu pada dokumen XML. contoh:
<surat
Subyek=”Salam sejahtera bagi Anda semua”
Pengirim= “Ahmeyira”>
<!-ini adalah komen- ->
<Alinea id=1”Salam sejahtera</Alinea>
<Alinea id=2”Tinjauan mengenai isi website ini</Alinea>
4. Atribut node, yaitu node yang ditulis dengan tanda “<” dan ditutup dengan tanda “>” setelah nama tag. Pada contoh di atas (point 3) atribut node adalah pada bagian Subyek dan pengirim, yaitu pada tulisan:
Subyek=”Salam sejahtera bagi Anda semua”
Pengirim= “Ahmeyira”>
5. Komen dimana bagian komen ini tak ditampilkan pada layar
6. Element node

Dalam penulisan XML hal-hal yang harus diperhatikan diantaranya:

1. Format untuk menulis heading pada dokumen xml:
<?xml version=”1.0” encoding=”iso-8859-1”?>.
2. Dokumen XML secara keseluruhan disimpan dalam root tag.
3. Root tag memungkinkan mempunyai tag lagi di dalamnya, yang dinamakan child tag, dan pada child tag didalamnya memungkinkan memiliki tag lagi yang dinamakan sub child tag.
4. Penulisan elemen tag mempunyai awal dan penutup, elemen tag awal ditulis menggunakan tanda “<...>” dan tag penutup ditulis dengan tanda “</...>”.
5. Pada dokumen XML penulisan kata harus memperhatikan penggunaan huruf besar dan huruf kecil sebab dokumen XML mempunyai sifat case sensitive, penggunaan huruf besar dan huruf kecil harus sama persisi antara tag pembuka dan tag penutup. Contohnya seperti:
tag <Anda> harus diakhiri atau ditutup dengan tag </Anda>
tag <anda> harus diakhiri atau ditutup dengan tag </anda>
tag <aNDA> harus diakhiri atau ditutup dengan tag </aNDA>
6. Spasi pada dokumen XML akan ditampilkan seperti yang ditulis pada isi data.

Jumat, 18 September 2015

Tag-Tag yang digunakan pada HTML

TAG-TAG YANG DIGUNAKAN PADA HTML

Tag-tag yang digunakan pada pembuatn tulisan dengan menggunakan html diantaranya sebagai berikut:

NAMA TAG KETERANGAN
A Anchor
abbr untuk singkatan seperti (www)
acronym untuk akronim
address untuk menuliskan informasi penulis website
applet untuk java applet
area untuk digunakan sebagai client-side image maps area
B untuk huruf yang dicetak tebal (bold)
Base untuk dokumen base uri
Basefont untuk ukuran huruf yang digunakan
Bdo untuk bidi override
Big untuk huruf yang ditampilkan dengan ukuran besar
blockquote untuk menulis teks yang terpisah dari body teks
body untuk membuat body text
Br untuk membuat baris baru
button untuk tombol
caption untuk tabel
center untuk menampilkan tulisan pada posisi di tengah layar browser
Cite untuk citation
Code untuk digunakan pada kode pemrograman
Col untuk membuat kolom pada tabel
colgroup untuk membuat kelompok kolom
Dd untuk definisi
Del untuk teks yang dihapus
Dfn untuk mendefinisikan instansi
Dir untuk daftar direktori
Div untuk style
Di untuk daftar terdefinisi
Dt untuk definisi dari istilah
Em untuk memberikan tekanan
fieldset untuk kelompok form
font untuk huruf default
form untuk form
frame untuk memecah browser
frameset bagian dari frame
h1 untuk heading text ukuran 1
h2 untuk heading text ukuran 2
h3 untuk heading text ukuran 3
h4 untuk heading text ukuran 4
h5 untuk heading text ukuran 5
h6 untuk heading text ukuran 6
head untuk heading dari seluruh dokumen
Hr untuk pengaturan teks horizontal
html untuk root dokumen
I untuk teks yang dicetak miring
iframe untuk memecah browser satu baris
Img untuk menyimpan atau meletakkan gambar
input untuk meletakkan teks field input
Ins untuk menambah suatu teks
isindex untuk menampilkan layar prompt
Kbd untuk menyatakan teks yang diinput oleh pengguna
label untuk memberi label pada font
legend untuk field set legend
Li untuk item pada daftar
link untuk melakukan link ke berbagai media atau media tertentu
map untuk image map klien
menu untuk daftar menu
meta untuk informasi generik meta
noframes untuk alternatif isi dokumen yang tidak menggunakan frame
noscrift untuk alternatif isi dokumen yang tidak menggunakan script program
object untuk menyimpan atau meletakkan objek pada dokumen
Ol untuk daftar yang diawali dengan nomor
optgroup untuk menyatakan option atau pilihan dari group
option untuk menyatakan option atau pilihan
P untuk paragraph
param untuk nulai property
pre untuk pre formatted text
Q untuk quotation
S untuk text dengan style strike
samp untuk contoh keluaran program (script)
script untuk script
select untuk pilihan selector
small untuk teks yang dibuat dengan ukuran kecil
span untuk style dari isi
strike untuk teks strike
strong untuk tekanan yang kuat
style untuk informasi dari style
Sup untuk superscript
Sub untuk subscript
Table untuk membuat tabel
Tbody untuk body pada tabel yang dibuat
Td untuk sel pada tabel yang dibuat
textarea untuk area teks yang dibuat
tfoot untuk footer pada tabel yang dibuat
Th untuk header  pada tabel yang dibuat
thread untuk header dari tabel yang dibuat
Title untuk judul dari dokumen
Tr untuk baris pada tabel yang dibuat
Tt untuk membuat style huruf tele-type atau mono spaced
U untuk teks bergaris bawah pada tulisan yang dibuat
Ul untuk daftar yang tidak diberi nomor
var untuk argumen dari program atau bagian dari variabel