Kamis, 07 Juni 2012

Coding-Coding HTML Bagian 3


Membuat Background Color of a Single Cell :

<table style="background-color:lightblue;">

<tr style="background-color:blue;color:white;">

<th>Table header</th><th>Table header</th>

</tr>

<tr>

<td>Table cell 1</td><td style="background-color:lightgreen;">Table cell 2</td>

</tr>

</table>

Membuat Background Color of a Table Row :

<table style="background-color:lightblue;">

<tr style="background-color:blue;color:white;">

<th>Table header</th><th>Table header</th>

</tr>

<tr>

<td>Table cell 1</td><td>Table cell 2</td>

</tr>

</table>

 

Membuat Background Color for the Whole Table :

<table style="background-color:lightblue;">

<tr>

<th>Table header</th><th>Table header</th>

</tr>

<tr>

<td width="20%">Table cell 1</td><td>Table cell 2</td>

</tr>

</table>

Membuat Background Image :

<div style="background-image:url(/pix/smile.gif);

            background-repeat:repeat;

            width:200px;

            height:200px;">

<p>HTML background code is limited, CSS background code is much better!</p>

</div>

<p style="font-size:10px;"><a href="http://www.quackit.com/create-a-blog/">How to make a blog</a></p>

 

Membuat Backgrounds for the Whole Page :

<html>
<head>
</head>
<body style="background-color:#eeeeee;">
Link gambar di sini
</body>

Membuat Buletan pada teks Dengan tulisan Romawi :

<ul style="list-style-type:upper-roman;">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>
<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a

Membuat Buletan pada teks Dengan tulisan Hiragana :

<ul style="list-style-type:hiragana;">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>
<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a

Membuat Buletan pada teks Dengan tulisan Katakana :

<ul style="list-style-type:katakana;">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>
<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a

Membuat Buletan pada teks Dengan tulisan Katakana-iroha :

<ul style="list-style-type:katakana-iroha;">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>
<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a


Membuat Buletan pada teks Dengan tulisan Hiragana-Iroha:

<ul style="list-style-type:hiragana-iroha;">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>
<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a


Membuat Buletan pada teks tidak ada:

<ul style="list-style-type:none;">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>
<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a

Membuat Buletan pada teks dengan tulisan cjk-ideographic :

<ul style="list-style-type:cjk-ideographic;">

<li>List item 1</li>

<li>List item 2</li>

<li>List item 3</li>

</ul>

<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a

Membuat Buletan pada teks dengan tulisan Hebrew:

<ul style="list-style-type:hebrew;">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>
<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a

Membuat Buletan pada teks dengan menggunakan angka Nol :

<ul style="list-style-type:decimal-leading-zero;">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>
<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a

Membuat Background Music :


<embed name="lostmojo"
src="/web_design/lostmojo.wav"
loop="false"
hidden="true"
autostart="true">
</embed>





Menambahkan Kontrol Audio:

<embed name="lostmojo"
src="/web_design/lostmojo.wav"
loop="false"
width="300"
height="90"
hidden="false"
autostart="false">
</embed>

Menambahkan Email Kita:

<a href="mailto:homer@example.com">Email Homer</a>

Menambahkan Gambar pada Command Teks:

<form action="/html/tags/html_form_tag_action.cfm" method="post">
<textarea name="comments" id="comments" style="width:330px;height:221px; background:url(‘masukan web Link Gambar’);">
Enter your comments here...

...and watch your comment box grow scrollbars!
</textarea><br>
<input type="submit" value="Submit">
</form>
<p style="font-size:10px;"><a href="masukan link web blog kita /">How to make a blog</a></p>



Merubah Warna teks /ukuran pada command teks:

<form action="/html/tags/html_form_tag_action.cfm" method="post">
<textarea name="comments" id="comments" style="width:330px;height:221px;font:30px/40px cursive;color:#ffffff; background:url('Masukkan web link gambar');">
Enter your comments here...

...and watch your comment box grow scrollbars!
</textarea><br>
<input type="submit" value="Submit">
</form>
<p style="font-size:10px;"><a href="masukan link blog kita /">How to make a blog</a></p>

Memasukan video :

<object width="425px" height="360px" >
               <param name="allowFullScreen" value="true"/>
               <param name="wmode" value="transparent"/>
               <param name="movie" value="http://mediaservices.myspace.com/services/media/embed.aspx/m=5385825,t=1,mt=video,searchID=,primarycolor=,secondarycolor="/>
               <embed src="http://mediaservices.myspace.com/services/media/embed.aspx/m=5385825,t=1,mt=video,searchID=,primarycolor=,secondarycolor=" width="425" height="360" allowFullScreen="true" type="application/x-shockwave-flash" wmode="transparent"/>
</object>




Membuat HTML Pop up Windows :

<script type="text/javascript">

// Popup window code

function newPopup(url) {

            popupWindow = window.open(

                        url,'popUpWindow','height=700,width=800,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')

}

</script>

<a href="JavaScript:newPopup('Masukan link web kita');">Open a popup window</a>

 

Membuat Tulisan Berjalan ke kiri:

<marquee behavior="scroll" direction="left">Your scrolling text goes here</marquee>

<p style="font-size:10px;"><a href="http://www.contoh.com/create-a-blog/">How to make a blog</a></p>

 

Membuat tulisan Nerjalan Ke kanan kiri :

<marquee behavior="alternate">Your bouncing text goes here</marquee>

<p style="font-size:10px;"><a href="http://www.contoh.com/create-a-blog/">How to make a blog</a></p>

Diposting oleh di

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)