Html
HTML
Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications. With Cascading Style Sheets (CSS) and JavaScript, it forms a triad of cornerstone technologies for the World Wide Web.
Web browsers receive HTML documents from a web server or from local storage and render the documents into multimedia web pages. HTML describes the structure of a web page semantically and originally included cues for the appearance of the document.
HTML elements are the building blocks of HTML pages. With HTML constructs, images and other objects such as interactive forms may be embedded into the rendered page. HTML provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. HTML elements are delineated by tags, written using angle brackets. Tags such as <img />
and <input />
directly introduce content into the page. Other tags such as <p>
surround and provide information about document text and may include other tags as sub-elements. Browsers do not display the HTML tags, but use them to interpret the content of the page.
HTML can embed programs written in a scripting language such as JavaScript, which affects the behavior and content of web pages. Inclusion of CSS defines the look and layout of content. The World Wide Web Consortium (W3C), maintainer of both the HTML and the CSS standards, has encouraged the use of CSS over explicit presentational HTML since 1997.
WHY HTML
1. Using HTML5 helps to eliminate most <div> tags and replace them with semantic elements. Designers can now use cleaner and neater code.
2. Make a more detailed understanding of the structure of a page with the help of HTML5.
3. With its new features and standards, HTML5 makes it easier to create front-end application such as drag and drop tools, wikis, discussion boards, and other useful elements.
4. Share where you are in the world with the help of Geolocation. You can do this using your IP address, wireless network connection, the cell tower your phone is talking to or dedicated GPS hardware to calculate the latitude and longitude from information sent by satellites. With the new HTML5 Geolocation, APIs make location directly available to any HTML5 compatible browser based application.
5. HTML5 provides a smarter solution to specify the files that the browser should cache. The pages can be loaded correctly even when offline.
6. In place of reduction in cookie size, HTML5 allows you to use session Storage and local Storage. Store the structured data temporarily, not on a permanent basis.
7. The standardized code of HTML5 elements increases the semantic value of the web page. With the specific tags for the headers, nav, footers, etc, the designers know the meaning and purpose in the whole format.
8. The major benefits of HTML5 include elegant forms, user interface enhancements, reduced need for JavaScript, and forms validation native to HTML.
9. Look for greater consistency by adopting HTML5 to code a web page on one site compared to another. You can easily understand how a web page is structured and make it easier for designers.
10. HTML5 has many features including <video>, <audio>, charts, high-quality drawings, animations, and the integration of SVG content. It is easy to integrate multimedia and graphical content to the web without using flash and third party plugging. The semantic value of the document can be enriched by new elements like <section>, <article>, <header>, <nav>, and more.
HTML SYLLABUS
- Introduction to HTML5 and Web Design
- How to Create a Simple Web Page
- How to Format Your Text
- Adding Web Links and Images
- Creating Tables
- Forms
- Adding Styles and Classes to Your Web Pages
- Borders, Backgrounds, and Floating Divs
- Building Web Page Layouts with CSS
- HTML5 – What Is It?
- Adding Videos and Graphics with HTML5
- HTML5 and CSS3 – Fonts and Effects
- Introduction to Responsive Web Design with CSS3 and HTML5
- Drawing with the Canvas Tag
- Summary of New Elements and How to Use Them