Friday, 15 June 2018

Standard,Formatting,Meta,Programming,Style Tags & their Attributes.

Tags: It contains non/one or more than one attribute-value pairs as a property.
Attributes: It defines the specification of a tag, by defining value to the attribute.

Basic Tags and its attributes:

<!DOCTYPE> It gives instruction to web browser about what version of HTML the document is written in.
Declarations:Must add the  <!DOCTYPE> declaration to the HTML documents,that too before starting the <head> tag
  • Commom one: <!DOCTYPE html> 
  • HTML 4.01 Strict <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  • HTML 4.01 Transitional <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  • HTML 4.01 Frameset <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
  • XHTML 1.0 Strict <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  • XHTML 1.0 Transitional <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  • XHTML 1.0 Frameset <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
  • XHTML 1.1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html> Defines standard structure of web page by rendering HTML document. Also supports global attributes.
Attributes:
  1. xmlns http://www.w3.org/1999/xhtml Specifies the XML namespace attribute (Use when you want your content to conform to XHTML)
<head> Defines text contents of the document. Also supports global attributes.
Attributes:
  1. profile URL Not supported in HTML5. Specifies a URL to a document that contains a set of rules. These rules can be read by browsers to clearly understand the information in the <meta> tag's content attribute.
<title> Defines title for the HTML document. ONLY supports global attributes.
<body> Define the HTML document's body contents.  Also supports global and  event attributes.
Attributes: All are Not supported in HTML5.
  1. alink color  It specifies the color of an active link in a document
  2. background URL Specifies a background image for a document
  3. bgcolor color It specifies the background color of a document
  4. link color  Specifies the color of unvisited links in a document
  5. text color  Specifies the color of the text in a document
  6. vlink color Specifies the color of visited links in a document
<h1>..<h6> Defines HTML document's headings. Supports global and  event attributes.
Attributes: Not supported in HTML5.
  1. align left center right justify Specifies the alignment of a heading
<p> Defines HTML document's paragraph. Supports global and  event attributes.
Attributes: Not supported in HTML5.
  1. align left center right justify Specifies the alignment of the text within a paragraph
<br>Defines single line break in the document. ONLY Supports global and  event attributes.
<hr> Defines Supports global and  event attributes.
Attributes: All are Not supported in HTML5.
  1. align leftcenterright It specifies the alignment of a <hr> element.
  2. noshade noshade Specifies that a <hr> element should render in one solid color (noshaded), instead of a shaded color
  3. size pixels Specifies the height of a <hr> element
  4. width pixels% Specifies the width of a <hr> element
<!--..--> Defines a comment. Does not Support global and event attributes.

Formatting Tags and its attributes:

<acronym> Not supported in HTML5. Use <abbr> instead. Defines an acronym.
<abbr> Defines an abbreviation or an acronym. Supports global and  event attributes.
<address> Defines contact information for the owner of a document/article. Supports global and  event attributes.
<b> Defines bold text. Supports global and  event attributes.
<bdi> It Isolates a part of text that might be formatted in a different direction from other text outside it. Supports global and  event attributes.
<bdo> Overrides the current text direction. Supports global and  event attributes
Attributes:
  1. dir ltr rtl Required. Specifies the text direction of the text inside the <bdo> element
<big> Not supported in HTML5. Use CSS instead.Defines big text
<blockquote> Defines a section that is quoted from another source. Supports global and  event attributes
Attributes:
  1. cite URL Specifies the source of the quotation.
<center> Not supported in HTML5. Use CSS instead. Defines centered text.
<cite>Defines the title of a work. Supports global and  event attributes
<code> Defines a piece of computer code. Supports global and  event attributes.
<del>Defines text that has been deleted from a document. Supports global and  event attributes
Attributes:
  1. cite URL It specifies a URL to a document that explains the reason why the text was deleted
  2. datetime YYYY-MM-DDThh:mm:ssTZD Specifies the date and time of when the text was deleted
<dfn>Represents the defining instance of a term. Supports global and  event attributes
Attributes:
  1. dfn Id 
  2. dfn title 
  3. dfn abbr title
<em>Defines emphasized text. Supports global and  event attributes.

 <font> Not supported in HTML5. Use in CSS. Defines font, color, and size for text.

 <i>Defines a part of text in an alternate voice or mood. Supports global and  event attributes

 <ins> It defines a text that has been inserted into a document. Supports global and  event attributes
Attributes:
  1. cite URL Specifies a URL to a document that explains the reason why the text was inserted/changed
  2. datetime YYYY-MM-DDThh:mm:ssTZD Specifies the date and time when the text was inserted/change
<kbd> Defines keyboard input. Supports global and  event attributes

 <mark> Defines marked/highlighted text. Supports global and  event attributes

 <meter> Defines a scalar measurement within a known range (a gauge). Supports global and  event attributes
Attributes:
  1. form form_id It specifies one or more forms the <meter> element belongs to
  2. high number Specifies the range that is considered to be a high value
  3. low number Defines the range that is considered to be a low value
  4. max number Specifies the maximum value of the range
  5. min number Specifies the minimum value of the range
  6. optimum number Specifies what value is the optimal value for the gauge
  7. value number Required. Specifies the current value of the gauge
<pre> Defines preformatted text. Supports global and  event attributes
Attributes:
  1. width number Not supported in HTML5.Specifies the maximum number of characters per line
<progress> Represents the progress of a task. Supports global and  event attributes
Attributes:
  1. max number Specifies how much work the task requires in total
  2. value number Specifies how much of the task has been completed
<q> Defines a short quotation. Supports global and  event attributes
Attributes:
  1. cite URL Specifies the source URL of the quote
<rp> Defines what to show in browsers that do not support ruby annotations.Supports global and  event attributes
<rt>Defines an explanation/pronunciation of characters (for East Asian typography). Supports global and  event attributes
<ruby>Defines a ruby annotation (for East Asian typography). Supports global and  event attributes
<s> Defines text that is no longer correct. Supports global and  event attributes
<samp>Defines sample output from a computer program. Supports global and  event attributes
<small> Defines smaller text. Supports global and  event attributes
<strike> Not supported in HTML5. Use <del> or <s> instead.
Defines strikethrough text
<strong> Defines important text. Supports global and  event attributes
<sub> Defines subscripted text. Supports global and  event attributes
<sup> Defines superscripted text. Supports global and  event attributes
<template> Defines a template. Supports global and  event attributes
<time> Defines a date/time. Supports global and  event attributes
Attributes:
datetime datetime Represent a machine-readable date/time of the <time> element
<tt> Not supported in HTML5. Use CSS instead.Defines teletype text
<u> Specifies text that should be stylistically different from normal text. Supports global and  event attributes
<var> Defines a variable. Supports global and  event attributes
<wbr> Defines a possible line-break. Supports global and  event attributes

 Meta Tags and its attributes:
<head> Defines information about the document. Supports global attributes.
Attributes:
  1. profile URL Not supported in HTML5. Defines a URL to a document that contains a set of rules. These rules can be read by browsers to clearly understand the information in the <meta> tag's content attribute
<meta> Defines metadata about an HTML document. Supports global attributes.
Attributes:
  1. charset character_set It specifies the character encoding for the HTML document content text Gives the value associated with the http-equiv or name attribute
  2. http-equiv content-type default-style refresh It provides an HTTP header for the information/value of the content attribute.
  3. name application-name author description generator keywords viewport Specifies a name for the metadata
  4. scheme format/URI Not supported in HTML5. Specifies a scheme to be used to interpret the value of the content attribute
<base> Specifies the base URL/target for all relative URLs in a document. Supports global attributes and not event attributes.
Attributes:
  1. href URL Specifies the base URL for all relative URLs in the page
  2. target _blank_parent_self_topframename Specifies the default target for all hyperlinks and forms in the page
<basefont> Tag Not supported in HTML5. Use CSS instead. Specifies a default color, size, and font for all text in a document
Attributes: All are Not supported in HTML5.
  1. color color Specifies the default color for text in a document
  2. face font_family Specifies the default font for text in a document
  3. size number Specifies the default size of text in a document

Programming script Tag and its attributes:

<script> Defines a client-side script.
Attributes:
  1. async async It specifies that the script is executed asynchronously (only for external scripts)
  2. charset charset It specifies the character encoding used in an external script file
  3. defer defer It specifies that the script is executed when the page has finished parsing (only for external scripts)
  4. src URL It specifies the URL of an external script filetype media_type Specifies the media type of the script
  5. xml:space preserve Not supported in HTML5.Specifies whether whitespace in code should be preserved
<noscript> Defines an alternate content for users that do not support client-side scripts. Supports global attributes.
<applet> Tag Not supported in HTML5. Use <embed> or <object> instead. Defines an embedded applet
Attributes:
  1. code URL It specifies the file name of a Java applet
  2. object name It specifies a reference to a serialized representation of an applet
  3. align leftrighttopbottommiddlebaseline It specifies the alignment of an applet according to surrounding elements
  4. alt text It specifies an alternate text for an applet
  5. archive URL It specifies the location of an archive file
  6. codebase URL It specifies a relative base URL for applets specified in the code attribute
  7. height pixels It specifies the height of an applet
  8. hspace pixels Defines the horizontal spacing around an applet
  9. name name Defines the name for an applet (to use in scripts)
  10. vspace pixels Defines the vertical spacing around an applet
  11. width pixels It specifies the width of an applet
<embed> Defines a container for an external (non-HTML) application
Attributes:
  1. height pixels It specifies the height of the embedded content
  2. src URL It specifies the address of the external file to embed
  3. type media_type It specifies the media type of the embedded content
  4. width pixels It specifies the width of the embedded content
<object> Defines an embedded object. Supports global and  event attributes.
Attributes: All are Not supported in HTML5
  1. align top bottom middle left right It specifies the alignment of the <object> element according to surrounding elements
  2. archive URL A space separated list of URL's to archives. The archives contains resources relevant to the object
  3. border pixels It specifies the width of the border around an <object>
  4. classid class_ID Defines a class ID value as set in the Windows Registry or a URL
  5. codebase URL Defines where to find the code for the object
  6. codetype media_type The media type of the code referred to by the classid attribute
<param> Defines a parameter for an object. Supports global and  event attributes.
Attributes:
  1. name name It specifies the name of a parameter
  2. type media_type Not supported in HTML5. It specifies the media type of the parameter
  3. value value It specifies the value of the parameter
  4. valuetype datarefobject Not supported in HTML5. It specifies the type of the value
  5. data URL Specifies the URL of the resource to be used by the object
  6. declare declare Not supported in HTML5. Defines that the object should only be declared, not created or instantiated until needed
  7. form form_id It specifies one or more forms the object belongs to
  8. height pixels It specifies the height of the object
  9. hspace pixels Not supported in HTML5. It specifies the whitespace on left and right side of an object
  10. name name It specifies a name for the object
  11. standby text Not supported in HTML5. Defines a text to display while the object is loading
  12. type media_type It specifies the media type of data specified in the data attribute
  13. usemap #mapname It specifies the name of a client-side image map to be used with the object
  14. vspace pixels Not supported in HTML5. It specifies the whitespace on top and bottom of an object
  15. width pixels It specifies the width of the object

Style & Semantic Tags and its attributes:

<style> It Defines style information for a document. Supports global and  event attributes.
Attributes:
  1. media media_query It specifies what media/device the media resource is optimized for
  2. type text/css It specifies the media type of the <style> tag
<div> Defines a section in a document. Supports global and  event attributes.
Attributes:
  1. align left right center justify Not supported in HTML5. It specifies the alignment of the content inside a <div> element
<span>Defines a section in a document. Supports global and  event attributes.
<header>Defines a header for a document or section. Supports global and  event attributes.
<footer>Defines a footer for a document or section. Supports global and  event attributes.
<main>Specifies the main content of a document. Supports global and  event attributes.
<section> Defines a section in a document. Supports global and  event attributes.
<article> Defines an article. Supports global and  event attributes.
<aside> Defines content aside from the page content. Supports global and  event attributes.
<details> Defines additional details that the user can view or hide. Supports global and  event attributes.
Attributes:
  1. open open It specifies that the details should be visible (open) to the user
<dialog> Defines a dialog box or window. Supports global and  event attributes.
Attributes:
  1. open open It specifies that the dialog element is active and that the user can interact with it.
<summary> Defines a visible heading for a <details> element
<data> Links the given content with a machine-readable translation. Supports global attributes.
Attributes:
  1. value machine-readable format  It specifies the machine-readable translation of the content of the element
Posted by at
Labels:

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)