HTML Elements

What is HTML Elements?

Elements are the basic structure for HTML markup. Elements have two basic properties: attributes and content. Each attribute and each element's content has certain restrictions that must be followed for an HTML document to be considered valid. An element usually has a start tag (e.g. <element-name>) and an end tag (e.g. </element-name>). The element's attributes are contained in the start tag and content is located between the tags (e.g. <element-name attribute="value"> Content </element-name>). Some elements, such as <br>, do not have any content and have no closing tag.

Example

<span id="myId" class="myclass" style="color:blue;" 
title="a2zwebhelp">A2ZWebHelp </span>

Head elements

<title></title>: Define a document title. This element is required in every HTML document. Web browsers usually display the title in a window's title bar when the window is open, and in the task bar when the window is minimized.
<title> My Home Page </title>

<link>: Specifies links to other documents. To Link an external stylesheets you can write:
<link rel="stylesheet" type="text/css" href="path to file">

<script></script>: Used to add JavaScript or other scripts to the document.
<script language="javascript" ></script>

<style></style>: Specifies a style for the document.
<style type="text/css"></style>

<meta>: Can be used to specify additional metadata about a document, such as author, publication date, expiration date, page description, keywords, or other information not provided through the other header elements and attributes. Because of their generic nature, meta elements specify associative key-value pairs. Meta elements can specify HTTP headers which should be sent before the actual content when the HTML page is served from Web server to client: for example,
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

HTML Elements with category

Category Element Name  
Top-level Elements HTML  
  HEAD  
  BODY  
  FRAMESET  
Head Elements BASE  
  ISINDEX Removed in HTML 5
  LINK  
  META  
  SCRIPT  
  STYLE  
  TITLE  
Generic Block-level Elements ADDRESS  
BLOCKQUOTE  
  CENTER Removed in HTML 5
  DELDIV  
  H1  
  H2  
  H3  
  H4  
  H5  
  H6  
  HR  
  INS  
  ISINDEX  
  NOSCRIPT * Removed in HTML 5
  P  
  PRE  
Lists DIR Removed in HTML 5
  DL  
  DT  
  DD  
  LI  
Tables TABLE  
  CAPTION  
  COLGROUP  
  COL  
  THEAD  
  TFOOT  
  TBODY  
  TR  
  TD  
  TH  
Forms FORM  
  BUTTON  
  FIELDSET
-- LEGEND
 
  INPUT  
  LABEL  
  SELECT
-- OPTGROUP
-- OPTION
 

 

  TEXTAREA  
Special Inline Elements A  
  APPLET Removed in HTML 5
  BASEFONT Removed in HTML 5
  BDO  
  BR  
  FONT Removed in HTML 5
  IFRAME Removed in HTML 5
  IMG  
  MAP
 -- AREA
 
  OBJECT  
  PARAM  
  Q  
  SCRIPT  
  SPAN  
  SUB  
  SUP  
Phrase Elements ABBR  
  ACRONYM Removed in HTML 5
  CITE  
  CODE  
  DEL  
  DFN  
  EM  
  INS  
  KBD  
  SAMP  
  STRONG  
  VAR  
Font Style Elements B  
  BIG Removed in HTML 5
  I  
  S  
  SMALL  
  STRIKE Removed in HTML 5
  TT Removed in HTML 5
  U  
Frames FRAMESET - Frameset Removed in HTML 5
  FRAME - Frame Removed in HTML 5
  NOFRAMES - Frames alternate content Removed in HTML 5
 
Comments
comments powered by Disqus