HTML5 for Beginners
·
HTML5 is the newest technology in HTML
·
It gives a new life to web. No need for extra
plugins for audios, videos and game. Everything is built-in in HTML5
·
Either you are using Computers, Smartphone
whatever. HTML5 work for all its device independent
·
All browsers support HTML5
·
Drag and Drop is the new feature of HTML5
·
New tags in HTML5 which mostly use:
tags
|
Usage
|
<audio>…</audio>
|
It is used for music
and sound (Format: MP3, OGG, WAV)
|
<embed>…</embed>
|
It is used as a
container for external app
|
<video>…</video>
|
It is used for videos
and movies (MP4, OGG, WEB-M)
|
<source …… >
|
It is used to select
media files
|
<track………..>
|
It is used to show
captions, sub-titles for played files
|
<header>….</header>
|
It is used for
header section of web
|
<footer>….</footer>
|
It is used for lower
section of web page (Footer)
|
<time>…..</time>
|
It is used for time
or date (clock of 24 hour)
|
<dialog>….</dialog>
|
It is used for window
or box
|
CSS3 for Beginners
·
CSS3 is the newest technology in the web world
·
It is divided into modules, old CSS as well as
new features
·
It has text
effects, animations, n column Layout structure, 2D and 3D transformations
and many more
·
Some of the mostly used CSS3 styles are given in
the table:
Properties
|
Usage
|
Syntax
|
border-shadow
|
It is used to add
shadow effects
|
border-shadow: 8px 8px 4px #CCC;
|
border-radius
|
It is used to add
round shape at the corners
|
border-radius: 10px;
|
text-shadow
|
It is used for
background shadow
|
text-shadow: 6px 6px 6px #EE0011
|
column-count
|
It is used to define
the number of columns in an element
|
column-count:4
-webkit-column-count:4
//for Chorome
|
column-gap
|
It is used to define
the gap b/w columns
|
column-gap:50px
|
No comments:
Post a Comment