Posts

Showing posts from December 6, 2015

HTML Phrase Tags

-
The phrase tags have been designed for specific purposes, though they are displayed in a similar way as other basic tags like <b>, <i>, <pre>, and <tt>, you have seen in previous chapter. This chapter will take you through all the important phrase tags, so let's start seeing them one by one. Emphasized Text Anything that appears within  <em>...</em>  element is displayed as emphasized text. Marked Text Anything that appears with-in  <mark>...</mark>  element, is displayed as marked with yellow ink. Strong Text Anything that appears within  <strong>...</strong>  element is displayed as important text. Text Abbreviation You can abbreviate a text by putting it inside opening  <abbr>  and closing </abbr>  tags. If present, the title attribute must contain this full description and nothing else. Acronym Element The  <acronym>  element allows you to indicate that the text between <acronym>
Read more

HTML Attributes

-
We have seen few HTML tags and their usage like heading tags <h1>, <h2>, paragraph tag <p> and other tags. We used them so far in their simplest form, but most of the HTML tags can also have attributes, which are extra bits of information. An attribute is used to define the characteristics of an HTML element and is placed inside the element's opening tag. All attributes are made up of two parts: a  name  and a  value : The  name  is the property you want to set. For example, the paragraph <p> element in the example carries an attribute whose name is  align , which you can use to indicate the alignment of paragraph on the page. The  value  is what you want the value of the property to be set and always put within quotations. The below example shows three possible values of align attribute:  left, center  and  right . Attribute names and attribute values are case-insensitive. However, the World Wide Web Consortium (W3C) recom
Read more

HTML5 - Web Storage

-
HTML5 introduces two mechanisms, similar to HTTP session cookies, for storing structured data on the client side and to overcome following drawbacks. Cookies are included with every HTTP request, thereby slowing down your web application by transmitting the same data. Cookies are included with every HTTP request, thereby sending data unencrypted over the internet. Cookies are limited to about 4 KB of data . Not enough to store required data. The two storage's are  session storage  and  local storage  and they would be used to handle different situations. The latest versions of pretty much every browser supports HTML5 Storage including Internet Explorer. Session Storage The  Session Storage  is designed for scenarios where the user is carrying out a single transaction, but could be carrying out multiple transactions in different windows at the same time. Example For example, if a user buying plane tickets in two different windows, using the same site
Read more

SVG

-
SVG stands for  S calable  V ector  G raphics and it is a language for describing 2D-graphics and graphical applications in XML and the XML is then rendered by an SVG viewer. SVG is mostly useful for vector type diagrams like Pie charts, Two-dimensional graphs in an X,Y coordinate system etc. SVG became a W3C Recommendation 14. January 2003 and you can check latest version of SVG specification at SVG Specification . Viewing SVG Files Most of the web browsers can display SVG just like they can display PNG, GIF, and JPG. Internet Explorer users may have to install the Adobe SVG Viewer to be able to view SVG in the browser. Embeding SVG in HTML5 HTML5 allows embeding SVG directly using  <svg>...</svg>  tag which has following simple syntax − <svg xmlns="http://www.w3.org/2000/svg"> ... </svg> Firefox 3.7 has also introduced a configuration option ("about:config") where you can enable HTML5 using the following steps −
Read more

HTML Tutorial

-
The markup for an HTM 5 document would look like the following − <html>    <head>           <title>...</title>    </head>    <body>       <header>...</header>       <nav>...</nav>       <article>          <section>             ...          </section>       </article>       <aside>...</aside>       <figure>...</figure>       <footer>...</footer>        </body> </html></div> Some attributes are defined globally and can be used on any element, while others are defined for specific elements only. All attributes have a name and a value and look like as shown below in the example. Following is the example of an HTML5 attributes which illustrates how to mark up a div element with an attribute named class using a value of "example" − <div class="example">...</div> Attributes may only be s
Read more
-
HTML5 is the next major revision of the HTML standard superseding HTML 4.01, XHTML 1.0, and XHTML 1.1. HTML5 is a standard for structuring and presenting content on the World Wide Web. HTML5 is a cooperation between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG). The new standard incorporates features like video playback and drag-and-drop that have been previously dependent on third-party browser plug-ins such as Adobe Flash, Microsoft Silverlight, and Google Gears. Browser Support The latest versions of Apple Safari, Google Chrome, Mozilla Firefox, and Opera all support many HTML5 features and Internet Explorer 9.0 will also have support for some HTML5 functionality. The mobile web browsers that come pre-installed on iPhones, iPads, and Android phones all have excellent support for HTML5. New Features HTML5 introduces a number of new elements and attributes that helps in building a modern website. Following are great f
Read more