Index • What is HTML and HTML5? • HTML tags • ol, ul, li , h1..h6 . p, b.u.i, br,hr, img,span , pre, div, table, form • legend,label,input ,select,required,placeholder.
HTML • The full form of HTML is HyperText Markup Language. Tim Berners-Lee created HTML in 1989. HTML is a basic web programming language that is used to design basic websites. HTML programming helps people convey their thoughts to the world through the website. In this topic, we are going to learn about What is HTML5. • HTML is the structure of Web pages. • Tags represent HTML elements. • HTML tags helps programmers to define content through “heading”, “paragraph”, “table”, and so on. • HTML tags are not displayed on any browser; Browsers will only display the content between the tags.
HTML • The HTML programming starts with the document tag. • <!DOCTYPE html> • HTML <!DOCTYPE> tag is used to inform the browser about the version of HTML used in the document. It is called as the document type declaration (DTD). • Technically <!DOCTYPE > is not a tag/element, it just an instruction to the browser about the document type. It is a null element which does not contain the closing tag, and must not include any content within it.
HTML5 • What is HTML5? • HTML5 is the 5ᵗʰ version or update of HTML. This is the most advanced HTML programming. In this version lot of tags were added to make the designer’s life easier. A basic website contains 3 types of codes. • HTML • CSS • Javascript
HTML5 • It has introduced new multimedia features that support audio and video controls by using <audio> and <video> tags. • There are new graphics elements including vector graphics and tags. • Enrich semantic content by including <header> <footer>, <article>, <section> and <figure> are added. • Drag and Drop- The user can grab an object and drag it further dropping it in a new location. • Geo-location services- It helps to locate the geographical location of a client. • Web storage facility which provides web application methods to store data on a web browser. • Uses the SQL database to store data offline. • Allows drawing various shapes like triangle, rectangle, circle, etc. • Capable of handling incorrect syntax. • Easy DOCTYPE declaration i.e. <!doctype html> • Easy character encoding i.e. <meta charset=”UTF-8″>
HTML Comments • The comment tag (<!– Comment –>) is used to insert comments in the HTML code. It is a good practice of coding so that coder and the reader can get help to understand the code. It is helpful to understand the complex code. The comment tag is useful during the debugging of codes. • It is a simple piece of code that is wiped off (ignore) by web browsers i.e, not displayed by the browser. • It helps the coder and reader to understand the piece of code used for especially in complex source code. • Single-line comment • Multi-line comment
HTML vs HTML5 Features Html Html5 definition A hypertext markup language (HTML) is the HTML5 is a new version of HTML with new primary language for developing web pages. functionalities with markup language with Internet technologies. Multimedia Language in HTML does not have support for video HTML5 supports both video and audio. support and audio. Storage The HTML browser uses cache memory as HTML5 has the storage options like:application temporary storage. cache, SQL database, and web storage. HTML is compatible with almost all browsers In HTML5, we have many new tags, elements, and Browser because it has been present for a long time, and some tags that have been removed/modified, so compatibility the browser made modifications to support all the only some browsers are fully compatible features. with HTML5. Graphics support In HTML, vector graphics are possible with tools In HTML5, vector graphics are supported by LikeSilver light, Adobe Flash, VML, etc. default. Threading In HTML, the browser interface and JavaScript The HTML5 has the JavaScript Web Worker API, Storage running in the same thread. which allows the browser interface to run in multiple threads. Uses cookies to store data. Uses local storage instead of cookies
Vector and Vector graphics are possible with the help of Vector graphics is an integral part of HTML5, Graphics technologies like VML, Silverlight, Flash,etc. SVG and canvas. Shapes It is not possible to create shapes like circles, We can draw shapes like circles, rectangles, Doc type rectangles, triangles. triangles. Doctype declaration in html is too long <! DOCTYPE HTML PUBLIC \"- // W3C // DTD HTMLThe DOCTYPE declaration in html5 is very simple \"<! 4.01 // EN\" DOCTYPE html> \"http://www.w3.org/TR/html4/strict.dtd\"> Character Character encoding in HTML is too long. DTD HTMLCchhaarrsaectte=r\"UeTnFc-8o\"d>ing declaration is simple <meta Encoding <! DOCTYPE HTML PUBLIC \"- // W3C // 4.0 Transitional // EN\"> Multimedia Audio and video are not the part of HTML4. Audio and video are essential parts of support HTML5,like: <Audio>, <Video>. Vector Graphics In HTML4, vector graphics are possible with the Vector graphics are an integral part of HTML5, SVG, help of techniques like VML, Silver light and Flash. and canvas. Html5 uses cookies. It supplies local storage in place of cookies. Shapes It is not possible to draw shapes like circles, Using html5, you can draw shapes like circles, rectangles, triangles. rectangles, triangles. Browser Support Works with all older browsers A new browser supports this.
HTML Basics • Basic HTML Document: Below mentioned are the basic HTML tags that divide the whole document into various parts like head, body, etc. • Every HTML document begins with a HTML document tag. Although this is not mandatory, it is a good convention to start the document with this below- mentioned tag. • <html> : Every HTML code must be enclosed between basic HTML tags. It begins with <html> and ends with </html> tag. • <head>: The head tag comes next which contains all the header information of the web page or documents like the title of the page and other miscellaneous information. • <title>: We can mention the title of a web page using the <title> tag. The tag begins with <title> and ends with </title>. • <body>: The body tag contains the actual body of the page which will be visible to all the users. This opens with <body> and ends with </body>. Every content enclosed within this tag will be shown on the web page be it writings or images or audios or videos or even links.
HTML Basic and HTML Elements • An HTML element is defined by a start tag, some content, and an end tag.
Search
Read the Text Version
- 1 - 14
Pages:
