Thursday, January 7, 2010

TEST

Hmmm....I think this image is in the way... Hello, this text should wrap around this image like this. I'll just keep on writing and writing and writing and writing and writing and writing and writing and writing and writing and writing and writing and writing and writing and writing and writing and writing and writing and writing and writing and writing and writing and writing and writing and writing and writing and writing and writing and writing until I'm tired of writing....



Memasukkan gambar pakai EDIT POSTS, terus klik "add image"

Hmmm....I think this image is in the way... Hello, this text should wrap around this image like this. I'll just keep on writing and writing and writing and writing and writing and writing and writing and writing and writing and writing and writing and writing and writing and writing and writing and writing and writing and writing and writing and writing and writing and writing and writing and writing and writing and writing and writing and writing until I'm tired of writing....




++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

Source : http://www.w3schools.com/html/html_images.asp


01. INSET IMAGES

JUDUL FOTO




===============================

The Alt Attribute

Pak Guru Oemar Bakri


==============================

02. INSET IMAGEs FROM DIFFERENT LOCATIONS

An image from another folder:




An image from W3Schools:




==============================

03. ALIGNING IMAGES

An image

in the text.



An image

in the text.



An image

in the text.



Note: The bottom alignment is the default!



An image

in the text.




An image before the text.



An image after the text.



==============================

04. LETS THE IMAGE FLOAT



A paragraph with an image. The align attribute of the image is set to "left". The image will float to the left of this text.





A paragraph with an image. The align attribute of the image is set to "right". The
image will float to the right of this text.



============================================

05. Adjust image to different sizes













You can make an image smaller or larger by changing the values of the "height" and "width" attributes.



==================================

06. Display an alternate text for an image

W3Schools.com

The alt attribute is meant to be used as an alternative text if the image is not available. Text-only browsers cannot display images and will only display the text specified in the alt attribute. Here, the alt text is "W3Schools.com".



=================================

07. Make a hyperlink of an image

Create a link of an image:

HTML tutorial



No border around the image, but still a link:

HTML tutorial



=================================

08. Create an image map

Click on the sun or on one of the planets to watch it closer:



Planets


Sun
Mercury
Venus

Monday, December 28, 2009

01

02

1) Rumus :


Coba :


Coba Gambar Animasi :


Coba pasangi border :


2) Rumus :
My friend Peter

Coba :
Bapak dan Ibu di Yogyakarta


4) Rumus LOGO TERBAKAR-ku :
Mas Anang Blogspot


5) Rumus LOGO DAN LINK-ku :


6) Rumus GAMBAR DALAM KOTAK SCROLLBAR :


Coba :

03










Rumus Satu teks di sidebar bisa 2 judul :

Judul pertama


Judul kedua


Judul ketiga




Coba :



04

1> Efek gambar bejalan

a> Pengaturan "srollamount"











b> Pengaturan "scrolldelay". (Tidak berpengaruh)










2) Efek gambar mondar-mandir









3) Efek Bounce Marquee