Thursday, 5 June 2014

Introduction to HTML5 & CSS3



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