-->

Sabtu, 22 Desember 2018

Struktur dasar halaman web

Sebuah halaman web memiliki struktur pembangun dengan fungsinya masing yang kesemuanya itu ditulis menggunakan kode - kode khusus dalam sebuah file xml.
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.

Kopi Tubruk

Bloging santai sambil ngopi

Cari Blog Ini

Diberdayakan oleh Blogger.

Arsip Blog

Follow by Email

Translate post

Laporkan Penyalahgunaan

Mengenai Saya

Struktur dasar halaman web

Sebuah halaman web memiliki struktur pembangun dengan fungsinya masing yang kesemuanya itu ditulis menggunakan kode - kode khusus dalam sebu...