Elemen-elemen dasar HTML untuk memformat halaman web

Sumber gambar peterwebs.com

1.Elemen Head

Bagian Head sebenarnya tidak harus ada pada dokumen HTML, tetapi pemakaian head yang benar akan meningkatkan kegunaan suatu dokumen HTML.Isi bagian head kecuali judul dokumen tidak akan terlihat oleh pembaca dokumen tersebut.

Elemen-elemen pada bagian head akan mengerjakan tugas-tugas sebagai berikut :

Menyediakan judul dokumen
Menjabatani hubungan antar dokumen
Memberitahu browser untuk membuat form pencarian
Menyediakan metode untuk mengirim pesan ke tipe browser

Elemen yang mungkin terdapat pada bagian head :

1.Tag <title>,digunakan untuk memberi judul dokumen.Penggunaannya sebagai berikut :

<title> Judul </title>

2.Tag <base>,digunakan untuk menentukan basis URL sebuah dokumen.Penggunaannya adalah sebagai berikut :

contoh :

3.Tag <link>,digunakan untuk menunjukkan relasi antar dokumen HTML.

Tag ini mempunyai beberapa atribut :

Atribut	Fungsi
href	Menunjuk pada URL dokumen lain
rel	Mendefinisikan relasi terhadap sebuah dokumen dan dokumen lain berisi informasi tentang personil yang memberi kontribusi terhadap dokumen tersebut
rev	Mendefinisikan relasi sebuah dokumen HTML dengan dokumen lain
type	Menentukan tipe dan parameter dari relasi

Penggunaannya adalah sebagai berikut :

contoh :

4.Tag <meta>,digunakan untuk mendefinisikan informasi-informasi di luar HTML Informasi meta dapat digunakan oleh browser untuk menjalankan suatu aktivitas yang belum didukung oleh HTML.

Tag <meta> mempunyai atribut :

Atribut	Fungsi
http-equiv	Mendefinisikan properti dari elemen
name	Menyediakan deskripsi tambahan dari elemen
url	Mendefinisikan target dokumen dari sebuah property
content	Menyediakan nilai respon dari properti

Untuk lebih memperjelas penggunaan tag <meta> perhatikan contoh berikut ini <meta http-equiv="refresh" content="60" url="www.alamat.com">

Perintah diatas akan diterjemahkan oleh browser sebagai "tuggu 60 detik,kemudian panggil dokumen baru pada www.alamat.com. Jika atribut URL tidak disertakan,maka halaman itu sendiri yang akan dipanggil,jadi setara dengan mengklik tombol Refrsh/Reload pada browser.

Penggunaan elemen <meta> yang paling populer adalah penggunaan properti Keyword dan Description.Kedua properti ini sangat berguna untuk membantu kerja search engine.Biasanya search engine akan menggunakan teks yang disebutkan pada properti Keyword untuk mengindeks dokumen dan menggunakan teks yang terdapat pada properti Description untuk mendeskripsikan indeks tersebut.

Contoh (Save dengan nama meta.html) :

<html>

<head>

<title> General officers of the US Army in the Civil war </title>

The Satates”>

</head>

Elemen BODY

BODY digunakan mendefinisikan teks beserta formatnya yang hendak ditampilkan sebagai isi halaman web.

Atributnya :

ATRIBUT	FUNGSI
alink	Digunakan untuk mengatur warna active link dokumen dengan default merah.
background	Digunakan untuk mengatur latar belakang dengan gambar/image
bgcolor	Digunakan untuk mengatur warna latar belakang dokumen,dengan warna putih sebagai default-nya
bgproperties	Jika nilai atribut ini diisi “FIXED”,maka gambar latar belakang tidak ikut tergulung
leftmargin	Batas kiri dokumen
link	Untuk mengatur warna link dokumen dengan warna biru sebagai warna default
text	Digunakan untuk mengatur warna teks dokumen,dengan warna hitam sebagai warna default
topmargin	Menentukan batas atas
vlink	Untuk mengatur warna visited link dokumen dengan default ungu

Contoh (Save dengan nama background.html) :

<html>

<head>

<title> penggunaan body </title>

</head>

<body bgcolor=”silver” text=”blue” alink=”#000000”

vlink=”#ff0000” link=”green”>

ini adalah contoh penggunaan body

ini adalah sebuah <a href=””> link </a>

</body>

</html>

Code Warna :

Pengaturan warna dalam dokumen HTML menggunakan mode kombinasi RGB (red,green,blue).Setiap warna ditampilkan dalam dua digit nilai heksadesimal (0,1,2,...,f).Setiap bagian dua digit kode menunjukkan banyaknya intensitas dari kombinasi warna merah,hijau dan biru.Misalnya untuk warna kuning,dibuat dengan pencampuran warna sebagai berikut :

Red	Green	Blue
FF	FF	00

Berarti untuk warna kuning dapat dibuat dengan kode #fff00.Disamping itu,pembuatan warna dapat juga dibuat dengan langsung menggunakan nama warna dalam bahasa inggris,misalnya kuning="yellow".

Berikut ini warna-warna yang dapat digunakan dalam halaman HTML.

WARNA	NILA	WARNA	NILA
Black	#000000	Silver	#C0C0C0
Maroon	#800000	Red	#FF0000
Green	#008000	Lime	#00FF00
Olive	#808000	Yellow	#FFFF00
Navy	#000080	Blue	#0000FF
Purple	#800080	Fuchsia	#FF00FF
Teal	#008080	Aqua	#00FFFF
Gray	#808080	White	#FFFFFF

Anda dapat juga membuat campuran sendiri warna-warna berdasarkan emajinasi anda.Yang penting anda mengikuti aturan diatas.

Komentar

Komentar adalah bagian dari kode HTML yang diabaikan oleh browser.Kegunaan komentar dalam kode HTML adalah sebagai keterangan.Sebuah komentar diawali dengan 

Contoh (Save dengan nama coment.html) :

<html>

<head>

<!- -ini adalah bagian head -->

</head>

<!- - warna background adalah merah - ->

</body>

</html>

Memberi Identitas

Kadang-kadang orang yang merancang suatu halaman web ingin mencantumkan namanya pada dokumen web tersebut atau mungkin mencantumkan hak cipta terhadap dokumen tersebut.Untuk mencantumkan informasi-informasi tersebut digunakan tag <ADDRESS>.Umumnya informasi tersebut diletakkan pada bagian paling akhir suatu dokumen.

Contoh (Save dengan nama id.html) :

<html>

<head>

<title> Penggunaan Address </title>

</head>

<body>

Selamat datang di web amatir

Dokumen ini di rancang oleh Yadull <br>

Pada tanggal 02 Februari 2019

</a ddress>

</body>

</html>

Pentingnya belajar berfilsafat

Ingatlah kita ini kayak kereta yang harus dikendalikan oleh akal.Jangan sampai akalnya mati bolak-balik.Kayak katanya Aristoteles itu bilang manusia adalah binatang yang mikir,jangan sampai mikirnya ini mati,karena begitu mikirnya mati yang tersisa tinggal binatangnya,dia pengendalinya. Oke,makanya belajarlah filsafat.Nanti di bagian-bagian awal simposium diskusimu muncul ,,,kenapa kok tiba-tiba ngomong cinta...Ya,karena awalnya ngomong filsafat. Jadi,katanya Socrates kan sering bilang bahwa filsafat itu adalah satu bidang keilmuwan,bidang pengetahuan yang membuat kita bisa hidup lebih baik.Kenapa?karena kita bisa berfikir lebih baik..Socrates kan gitu..pengetahuan keniscayaan kebaikan..pengetahuan yang benar,perbuatan pasti juga benar.Enggak mungkin orang ngerti pengetahuan yang baik,perbuatannya salah..Kenapa orang kayak gini katanya Plato berarti dia belum benar-benar tau,dan dia orang bodoh..Karena kalau orang benar-benar ngerti,kalau dia tau kebaikan dia pasti melakukan kebai...

Baca selengkapnya

Yadull

Cari Blog Ini