CSS for Multimedia display

Cascading style sheets in image display
CSS plays an important role in presenting information with better visuals, more optimal in terms of writing and more favored by search engines. CSS can be applied to almost all objects that are inserted in the html tag, both writing, tables and images and other objects. To arrange images can be written online like the following example.
Cascading style sheets Images for background

Like the addition of a background color, the addition of a background image is also done using two properties, namely the background and the background image. The value that is loaded for this property is the url of the image, relative to the CSS file, the same as in adding fonts.
Cascading style sheets for inserting images

When when creating a webpage that contains articles, a picture that supports the article is needed. In order to look neat and attractive, the inserted picture needs to be CSS.
Make Transparent Images
To make the image transparent, you can use the opacity property. Example of writing css: selector {opacity: 0.4;}
Creating a Picture Gallery
CSS can also be used to create an image gallery.
Cascading Style Sheet in Video view

Used to adjust the appearance of the video
Cascading Style Sheet Embed Videos from Youtube
Video presentation can also utilize iframe elements that are linked to a specific video address, for example www.youtube.com.
Make a web page as follows.

Save the file with the background name 1.html.
Make a web page as follows.
Save the file with the name background2.html.
Make a web page as follows.
Save the file with the name sisip.html.
Make a web page as follows.
Save the file with the name opacity.html.
Make a web page as follows. Using External CSS then HTML.
Save the file as style.css.
HTML tag:

Save the file with the name gallery.html
Make a web page as follows.
Save the file with the name video1.html.
Make a web page as follows.
Save the file with the name video2.html
note:image and video files match your own

0 Response to "CSS for Multimedia display"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel