What is HTML ?
HTML(Hypertext Markup Language) is the set of markup symbols or codes inserted in a file intended for display on a World Wide Web browser page. The markup tells the Web browser how to display a Web page's words and images for the user. Each individual markup code is referred to as an element (but many people also refer to it as a tag). Some elements come in pairs that indicate when some display effect is to begin and when it is to end.
HTML is a formal Recommendation by the World Wide Web Consortium (W3C) and is generally adhered to by the major browsers, Microsoft's Internet Explorer and Netscape's Navigator, which also provide some additional non-standard codes. The current version of HTML is HTML 4.0. However, both Internet Explorer and Netscape implement some features differently and provide non-standard extensions. Web developers using the more advanced features of HTML 4 may have to design pages for both browsers and send out the appropriate version to a user. Significant features in HTML 4 are sometimes described in general as dynamic HTML. What is sometimes referred to as HTML 5 is an extensible form of HTML called Extensible Hypertext Markup Language (XHTML).
What is html5 ?
HTML5 is the newest hyper text markup language for websites from the World Wide Web Consortium (W3C). The first draft was made public in 2008, but not much happened until 2011. In 2011, HTML5 was released and people started writing about it and using it, but the support in different browsers was still poor. Today all major browsers (Chrome, Safari, Firefox, Opera, IE) offer HTML5 support, therefore the newest HTML technology can be used at its best today.The previous version of HTML, HTML 4.01, came in 1999, and the internet has changed significantly since then.It was specially designed to deliver rich content without the need for additional plugins. The current version delivers everything from animation to graphics, music to movies, and can also be used to build complicated web applications.
The Tags of HTML5
| Tags | Description |
| <html> | Represents the root of an HTML or XHTML document. All other elements must be descendants of this element. |
| <Head> | Represents a collection of metadata about the document, including links to, or definitions of, scripts and style sheets. |
| <title> | Defines the title of the document, shown in a browser's title bar or on the page's tab. It can only contain text and any contained tags are not interpreted. |
| <meta> | Defines metadata that can't be defined using another HTML element. |
| <Style> | Using styles, you can specify font size,font family, font style, and font weight for any element.Used to write inline CSS. |
| <script> | Defines either an internal script or a link to an external script. The script language is JavaScript. |
| <noscript> | Defines alternative content to display when the browser doesn't support scripting. |
| <template> | Container for client-side content instantiated during runtime using JavaScript. |
| <section> | Defines a section in a document. |
| <nav> | Defines a section that contains only navigation links. |
| <h1><h2><h3><h4><h5><h6> | Heading elements implement six levels of document headings; <h1> is the most important and <h6> is the least. A heading element briefly describes the topic of the section it introduces. |
| <article> | This element has been added in HTML5 Defines self-contained content that could exist independently of the rest of the content. |
| <aside> | This element has been added in HTML5 Defines some content loosely related to the page content. If it is removed, the remaining content still makes sense |
| <footer> | This element has been added in HTML5 Defines the footer for a page or section. It often contains a copyright notice, some links to legal information, or addresses to give feedback. |
| <header> | This element has been added in HTML5 Defines the header of a page or section. It often contains a logo, the title of the Web site, and a navigational table of content. |
| <blockquote> | Represents a content that is quoted from another source. |
| <figure> | This element has been added in HTML5 Represents a figure illustrated as part of the document. |
| <figcaption> | This element has been added in HTML5 Represents the legend of a figure. |
| <Div> | The <div> tag is use to dividing webpage. |
| <ol> | Defines an ordered list. |
| <li> | Defines a item of an enumeration list. |
| <ul> | Defines an unordered list. |
| <dt> | Represents a term defined by the next <dd>. |
| <dd> | Represents the definition of the terms immediately listed before it. |
| <table> | Creating table in webpage. |
| <tr> | row cell in a table. |
| <td> | Data cell in a table. |
| <b> | <b> this tag is use to bold font style. |
| <i> | <i> this tag is use to italic font style. |
| <u> | <u> this tag is use to underline font style. |
| <main> | This element has been added in HTML5 Defines the main or important content in the document. There is only one <main> element in the document. |
| <data> | This element has been added in HTML5 Associates to its content a machine-readable equivalent. |
| <time> | This element has been added in HTML5 Represents a date and time value, the machine-readable equivalent can be represented in the date time attribute. |
| <mark> | This element has been added in HTML5 Represents text highlighted for reference purposes, that is for its relevance in another context. |
| <bdi> | This element has been added in HTML5 Represents text that must be isolated from its surrounding for bidirectional text formatting. It allows embedding a span of text with a different, or unknown, directionality. |
| <rp> | This element has been added in HTML5 Represents parenthesis around a ruby annotation, used to display the annotation in an alternate way by browsers not supporting the standard display for annotations. |
| <ruby> | This element has been added in HTML5 Represents content to be marked with ruby annotations , short runs of text presented alongside the text. This is often used in conjunction with East Asian language where the annotations act as a guide for pronunciation, like the Japanese furigana . |
| <rt> | This element has been added in HTML5 Represents the text of a ruby annotation . |
| <wbr> | This element has been added in HTML5 Represents a line break opportunity , that is a suggested point for wrapping text in order to improve readability of text split on several lines. |
| <embed> | The <embed> tag defines a container for an external application or interactive content. |
| <video> | This element has been added in HTML5 Represents a video , and its associated audio files and captions, with the necessary interface to play it. |
| <audio> | Represents a sound , or an audio stream . |
| <track> | This element has been added in HTML5 Allows authors to specify timed text track for media elements like <video> or <audio>. |
| <source> | This element has been added in HTML5 Allows authors to specify alternative media resources for media elements like <video> or <audio>. |
| <math> | This element has been added in HTML5 Defines a mathematical formula. |
| <canvas> | This element has been added in HTML5 Represents a bitmap area that scripts can be used to render graphics, like graphs, game graphics, or any visual images on the fly. |
| <datalist> | This element has been added in HTML5 Represents a set of predefined options for other controls. |
| <keygen> | This element has been added in HTML5 Represents a key-pair generator control . |
| <meter> | This element has been added in HTML5 Represents a scalar measurement (or a fractional value), within a known range. |
| <output> | This element has been added in HTML5 Represents the result of a calculation . |
| <progress> | This element has been added in HTML5 Represents the completion progress of a task. |
| <details> | This element has been added in HTML5 Represents a widget from which the user can obtain additional information or controls. |
| <summary> | This element has been added in HTML5 Represents a summary , caption , or legend for a given <details>. |
| <menu> | This element has been added in HTML5 Represents a list of commands . |
| <menuitem> | This element has been added in HTML5 Represents a command that the user can invoke. |
| <dl> | Defines a definition list, that is, a list of terms and their associated definitions. |
| <a> | Represents a hyperlink , linking to another resource. |
| <button> | Represents a button . |
| <input> | Represents a typed data field allowing the user to edit the data. |
| <label> | Represents the caption of a form control. |
| <fieldset> | Represents a set of controls . |
| <legend> | Represents the caption for a <fieldset>. |
| <img src> | Including image in webpage. |
| <body background> | The background attribute specifies a background image for a document. |
| <code> | Represents computer code . |
| <var> | Represents a variable, that is, an actual mathematical expression or programming context, an identifier representing a constant, a symbol identifying a physical quantity, a function parameter, or a mere placeholder in prose. |
| <address> | Defines a section containing contact information. |
| <body bgcolor> | The background attribute specifies a background color for a document. |
| <font> | Change font color,size,face.Using of <font> tag. |
| <marquee> | The HTML <marquee> tag is used for scrolling piece of text or image displayed either horizontally across or vertically down your web site page depending on the settings. |
| <center> | This tag is used to centering the content enclosed with this tag. |
| <q> | <q> tag is used for indicating short quotations . |
| <area> | The HTML <a> tag is used for defining an area in an image map. |
| <dl> | A Definition list usually consists of alternating definition term (Code as <dt>) and a Definition (code as <dd>). |
| <dt> | The <dt> and code as <dd> entries can contain multiple paragraphs (<p>) ,lists, or other definition information. |
| <hr> | The html <hr> tag is use to creating Horizontal rule line. |
| <br> | The html <br> tag is use to break the line. |
| <frameset> | The <frameset> tag is not supported in HTML5.The <frameset> element holds one or more <frame> elements. Each <frame> element can hold a separate document and element specifies HOW MANY columns or rows there will be in the frameset, and HOW MUCH percentage/pixels of space will occupy each of them. |
Welcome to my page.Thank you for visit my page.
(c) Design by Kishan Verma
BCA 2nd semester
Collage :- Sri Sai Iqbal College of Mgt & IT
Email Id:- kishanverma011@gmail.com