Dinamic: Agustus 2012

1. Tag HTML HEAD :

Sesuai dengan judul artikel kali ini saya akan share tentang head pada html atau tag-tag yang yang terletak di antara<head> dan </head>
mari kita langsung ke inti dari artikel kali ini, sebenarnya jika sahabat menulis code html seperti ini

<head>

<title>belajar html itu mudah ya</title>

<p>ya html itu memang mudah</P>

</head>Browser tetap akan menampilkan paragrafnya, akan tetapi html itu punya aturan dimana tag <p> itu seharusnya hanya boleh ditulis di element body <body>. .disini . .</body>, nah sekarang coba perhatikan contoh diatas, aneh kan! ya walaupun penulisannya benar, tapi kode html diatas itu sangat salah dan tidak dibenarkan

Tag <Title>

Contoh :

<head>

<title>html itu mudah ya</title>

</head>

Keterangan :

Fungsi dari tag title ini adalah menjelaskan pada browser, tentang judul dari document htmlnya
Penulisan tag <title> hanya boleh sekali, jika menulis dua atau lebih itu salah
Contoh salah :

<head>

<title>ini adalah judul</title>

<title>judul kedua</title>

</head>

Tag <Link>

Contoh :

<head>

</head>

Keterangan :

Fungsinya ialah menghubungkan suatu document dengan document lainya atau juga memanggil file eksternal
Dari contoh diatas, saya memanggil style.css yang terletak di http:indaam.co.cc/style.css(hanya contoh)
Tag link ini, bisa di tulis berulang, contoh :

Contoh :

<head>
<script tipe="text/javascript">
// code javascript
<script>
</head>

Keterangan :

Fungsinya ialah untuk menulis code javascipt
Kita juga bisa menggunakan tag ini untuk external file, tag ini juga bisa ditulis lebih dari dua kali, contoh;

<head>
<script tipe="text/vbscript">
// code vbscript
<script>
<script type="text/javascript" src="http://indaam.co.cc/javascript.js"/>
</head>Tag <Style>
Contoh :

<head>
<style type="text/css">
body{background:blue;}
</style>
</head>

Keterangan :

Fungsinya untuk menambahkan style css,
Tag ini juga bisa di tulis lebih dari dua kali, contoh :

<head>
<style type="text/css">
body{background:blue;}
</style>
<style type="text/css">
#id{background:red;}
.class{background:pink;}
</style>
</head>

<Meta> Tag

Contoh :

<head>
<meta name="generator" content="WordPress 2.9.1" />
</head>Keterangan :

Fungsi dasar dari tag meta ini adalah untuk menjelasakan tentang content/isi suatu document html

Tag meta ini, biasanya sangat dioptimalkan oleh pakar seo

Struktur meta seperti ini <meta name=". . . ." content=". . . . " />

Meta tag boleh bisa ditulis bebeapa kali, contoh :

2. Tag HTML pada bagian BODY :

Setelah saya share tag HTML pada Head, sekarang saya akan share tag HTML pada bagian Body atau tag-tag yang yang terletak di antara<body> dan </body>
mari kita langsung ke inti dari artikel kali ini,
Didalam Body dapat disispkan beberapa tag lagi dengan fungsi yang berbeda

Tag<Bgcolor>

Penulisan : <BODY Bgcolor=”6 digit formula warna”>”isi semua kode di body”</BODY>

Fungsi : Mengganti warna background pada bagian body HTML

Note :

formula warna menggunakan sistem RGB yaitu Red Green Blue,penulisannya adalah 6 digit.2 digit pertama mewakili merah,2 digit berikutnya mewakili hijau dan 2 digit terakir mewakili biru.

Huruf dan angka yang boleh digunakan = 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F

contoh formula : “FF0000″=Merah,”00FF00″=Hijau,”0000FF”=Biru

Contoh :

<HTML>

<HEAD>

<Title>Bagian Body</Title>

</HEAD>

<BODY Bgcolor=”FF0000″>

Ini Adalah Bagian Body

</BODY>

</HTML>

Tag <Background>

Penulisan : <BODY Bgcolor=”6 digit formula warna”>”isi semua kode di body”</BODY>
Fungsi : Mengganti warna background pada bagian body HTML

Note :
formula warna menggunakan sistem RGB yaitu Red Green Blue,penulisannya adalah 6 digit.2 digit pertama mewakili merah,2 digit berikutnya mewakili hijau dan 2 digit terakir mewakili biru.
Huruf dan angka yang boleh digunakan = 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F
contoh formula : “FF0000″=Merah,”00FF00″=Hijau,”0000FF”=Biru
Contoh :
<HTML>
<HEAD>
<Title>Bagian Body</Title>
</HEAD>
<BODY Bgcolor=”FF0000″>
Ini Adalah Bagian Body
</BODY>
</HTML>

Tag <Text>

Penulisan : <BODY Text=”6 digit formula warna” >”isi semua kode di body”</BODY>

Fungsi : Mengatur warna dari text yang termasuk dalam bagian body HTML

Note :

formula warna menggunakan sistem RGB yaitu Red Green Blue,penulisannya adalah 6 digit.2 digit pertama mewakili merah,2 digit berikutnya mewakili hijau dan 2 digit terakir mewakili biru.

Huruf dan angka yang boleh digunakan = 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F

contoh formula : “FF0000″=Merah,”00FF00″=Hijau,”0000FF”=Biru

Contoh :

<HTML>
<HEAD>
<Title>Bagian Body</Title>
</HEAD>
<BODY text=”00FF00″>
Ini Adalah Bagian Body
</BODY>
</HTML>

Tag <Top dan Left Margin>

Penulisan : <BODY TopMargin=”margin atas” LeftMargin=”margin kiri”>”isi semua kode di body”</BODY>

Fungsi : Mengatur jarak Margin dari tepi atas/tepi kiri jendela body dengan text yang telah dibuat

Note :

Margin Kiri dan Margin atas diisi dengan angka dan berbanding lurus denang nilainya.semakin besar margin,maka semakin besar pula jarak antara tepi atas/kiri.

Contoh :

<HTML>
<HEAD>
<Title>Bagian Body</Title>
</HEAD>
<BODY Topmargin=”0″ leftmargin=”0″>
Ini Adalah Bagian Body
</BODY>
</HTML>

Semoga bermanfaat ya

Dinamic

Jumat, 10 Agustus 2012

Tugas Pemrograman web

<Meta> Tag