1. Script xml
<?xml version="1.0" encoding="UTF-8" ?>
Dengan menyertakan scipt ini pada sebuah dokumen, maka dengan otomatis browser atau sebuah platform seperti blogger akan dapat mengidentifikasi bahwa dokumen yang kita buat menggunakan file xml.
1. CSS
Mengatur / mempercantik tampilan sebuah dokumen yang kita buat saat di terapkan pada sebuah halaman web.
body {atribute: value}
2. HTML
Berfungsi untuk menampilkan fungsi - fungsi dari setiap struktur yang ada didalam file xml, seperti tag <head> yang berfungsi untuk menampilkan judul halaman atau tag <meta> pada halaman web dan berfungsi untuk menyimpan serangkaian kode css yang fungsinya mempercantik bagian - bagian dari sebuah halaman web, kemudian tag <body> fungsinya untuk menampilkan keseluruhan dari sebuah halaman web. body adalah badan yang menjadi dasar tampilan halaman web dan area untuk menyisipkan tag pemanggil yang sebelumnya sudah didefinisikan pada area <head>.
<!DOCTYPE html>
<html>
</html>
Secara keseluruhan maka struktur dasar yang terdapat dalam sebuah dokumen untuk membangun sebuah halaman web adalah sebagai berikut.
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html>
<head>
berisi tag meta dan kode css
</head>
<body>
memanggil fungsi - fungsi yang telah didefinisikan yang ada di dalam tag head
</body>
</html>
Simulasi:
Di sini kita akan mewarnai tampilan background body dengan warna hitam
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<b:skin> <![CDATA[
body {background-color: #ffe397;background-position: center center;} a:link {font-family: 'PT Serif Caption', serif; font-size: 15px; color:#3094db;} a:hover {color: #4d4544;} a {color: #3094db;}
]]></b:skin>
</head>
<body>
</body>
</HTML>
Karena tidak ada tag pemanggil di bagian body maka hasilnya error ketika diterapkan di halaman web, maka harus disisipkan kode html sebagai pemanggil.
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<b:skin> <![CDATA[
body {background-color: #ffe397;background-position: center center;}
a:link {font-family: 'PT Serif Caption', serif; font-size: 15px; color:#3094db;} a:hover {color: #4d4544;}
a {color: #3094db;}
]]></b:skin>
</head>
<body>
<b:section class='main' id='main'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
</b:widget>
</b:section>
</body>
</HTML>
Maka hasilnya adalah eksekusi sukses tanpa error, tampilan halaman berlatar belakang warna hitam.