Sikas Punya: Coding-Coding HTML Bagian Akhir

Kamis, 07 Juni 2012

Coding-Coding HTML Bagian Akhir

Membuat Tulisan Berjalan Ke atas :

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

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

Mengatur kecepatan Pergerakan Tulisan :

<marquee behavior="scroll" direction="left" scrollamount="1">Slow scroll speed</marquee>

<marquee behavior="scroll" direction="left" scrollamount="10">Medium scroll speed</marquee>

<marquee behavior="scroll" direction="left" scrollamount="20">Fast scroll speed</marquee>

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

Membuat Gambar Berjalan Ke Kiri :

<marquee behavior="scroll" direction="left"><img src="/pix/smile.gif" width="100" height="100" alt="smile" /></marquee>

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

Membuat Gambar dan Tulisan Berjalan Ke Kiri :

<marquee behavior="scroll" direction="left">

<img src="/pix/smile.gif" width="100" height="100" alt="smile" />

<p>Sample text under a <a href="http://www.quackit.com/html/codes/html_marquee_code.cfm">Marquee image</a>.</p>

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

</marquee>

Membuka Link Dengan Tampilan Jendela Baru:

`<a href="http://www.contoh.com/html/html_help.cfm"target="_blank">HTML Help</a>`

`Membuat Scrol Teks Box Horizontal:`

`<div style="border:1px solid black;width:200px;height:100px;overflow-y:hidden;overflow-x:scroll;">`

`<p style="width:250%;">`

`……..Tulis pesan…..`

`</p>`

`</div>`

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

Membuat Horizontal Scrolling Webpage:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Horizontal Scroll Bar Example</title>

</head>

<body style="width:120%;">

<h1>Horizontal Scrolling</h1>

<p>Use the bottom scroll bar to scroll horizontally... go on...<span style="float:right;width:40px;">I didn't think you were even going to notice me over here!</span></p>

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

</body>

</html>

HTML Link: Named Anchors

<h2>Link Targets<a name="link_targets"></a></h2>

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)