Tampilkan postingan dengan label belajar html. Tampilkan semua postingan
Tampilkan postingan dengan label belajar 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

Selasa, 15 Juli 2014

Wizpert Belajar Coding Secara Gratis

Wizpert Belajar Coding Secara Gratis - Internet memang menyediakan segala sumber informasi untuk belajar berbagai ilmu dan salah satu tempat belajar adalah Wizpert. Kenapa Wizpert? Karena disana disediakan banyak informasi yang kebanyakan dibutuhkan oleh orang. Salah satu topik yang saya senangi untuk belajar di wizpert adalah HTML/CSS. Bahkan saya sendiri membuka diri untuk memberikan ilmu saya disana tentang HTML dan CSS, Anda pun bisa bertanya ke saya melalui chat secara langsung

Wizpert Belajar Coding Secara Gratis

Apakah Wizpert hanya menyediakan satu topik saja? Tentu tidak, selain topik HTML/CSS, Anda juga bisa memilih topik-topik yang ingin Anda ketahui dan ingin dipelajari secara langsung

Bagaimana metode belajarnya? Untuk belajar apapun di Wizpert seperti Programing/Coding, Bisnis atau pekerjaan, Hiburan, Pendidikan, Rumah tangga dan sebagainya, cukup dengan memilih topik yang disediakan dan memilih orang-orang yang membahas topik tersebut dan bertanyalah tentang apa yang Anda tanyakan maka pertanyaan Anda akan langsung dijawab dengan cara chatting langsung. Jika ingin melakukan chat dengan saya silahkan klik tombol berikut ini


Apakah Wizpert gratis? Sesuai dengan petunjuk yang saya dapatkan, Wizpert gratis untuk digunakan namun untuk menggunakannya terlebih dahulu harus memiliki akun disana. Untuk pendaftaran silahkan klik www.Wizpert.com

Kenapa saya merekomendasikan Wizpert ini? Karena saya yakin, wizpert merupakan tempat yang cocok untuk belajar apa yang ingin saya ketahui yaitu tentang HTML/CSS secara khusus. Namun saya juga tidak mengharuskan atau memaksa Anda untuk bergabung di Wizpert bersama saya :)