Jumat, 10 Agustus 2012

Tugas Pemrograman web


      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>
<link rel="stylesheet" href="http:indaam.co.cc/style.css" type="text/css" media="screen" />
</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 :
<head>
<link rel=”stylesheet” href=”http:indaam.co.cc/style.css” type=”text/css” media=”screen” />
<link rel=”shortcut icon” type=”image/ico” href=”http://indaam.co.cc/pavicon.ico”/>
</head>Tag <Script>
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 : 
<head>
<meta name="generator" content="WordPress 2.9.1" />
<meta name="keyword" content="belajar, html" />
</head>
    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

Diposting oleh di

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)