HTML html Tag

The <html> tag used to the root of the documents. it is outer container of whole html doucument except <!doctype>.

 

<!DOCTYPE html>
<html>
<head>
<title><!–Title–></title>
</head>
<body>
<!–body–>
</body>
</html>

 

Attributes

Attribute Value Description
manifest URL URL of the document’s cache manifest
xmlns http://www.w3.org/1999/xhtml XHTML only. Specifies the URL of the default XML namespace for a document
version DTD HTML DTD version governs the current document.

Global Attributes

This tag supports the global attributes in HTML5

Event Attributes

This tag supports the event attributes in HTML5

Browser Compatibility

Firefox Google Chrome Internet Explorer Apple Safari
All All All All

HTML hr Tag

The <hr> tag is use to draw a horizontal line to separate sections

 

<p>This is the First paragraph.</p>
<hr>
<p>This is Second paragraph.</p>

 

Attributes

Attribute Value Description
align left
center
right
horizontal alignment of the rule with respect to the section.
noshade noshade solid bar without 3D bevel/shading effect.
size pixels height of the line.
width pixels
%
width of the line.

Global Attributes

This tag supports the global attributes in HTML5

Event Attributes

This tag supports the event attributes in HTML5

Browser Compatibility

Firefox Google Chrome Internet Explorer Apple Safari
All All All All

HTML5 hgroup Tag

The <hgroup> element is use to group heading elements.

 

<hgroup>

<h1>This is a main heading</h1>

<h2>This is sub-heading</h2>

</hgroup>

Attributes

This tag doesn’t have any specific attribute

Global Attributes

This tag supports the global attributes in HTML5

Event Attributes

This tag supports the event attributes in HTML5

Browser Compatibility

Firefox Google Chrome Internet Explorer Apple Safari
All All All All

HTML5 header Tag

The <header> element defines the header of the section or document. header should contain title information about the related content.

 

<header>

<h1>Tutor Webdesign</h1>

<nav>

<p><a href="#">Home</a> | <a href="#">About</a> | <a href="#">Contact</a></p>

</nav>

</header>

 

Attributes

This tag doesn’t have any attributes.

Global Attributes

this tag supports the global attributes in HTML5

Event Attributes

This tag supports the event attributes in HTML5

Browser Compatibility

Firefox Google Chrome Internet Explorer Apple Safari
58 49 11 11

HTML head Tag

The <head> tag represents the head portion the webpage that contains information about the page. basically head tag use for css, meta tags, title included.

 

<!DOCTYPE html>
<html>
<head>
<title> Page title </title>
</head>
<body>
Page body
</body>
</html>

Attributes

Attribute Value Description
Profile url specifies the location of one or more meta data profiles

Global Attributes

This tag supports the global attributes in HTML5

Event Attributes

This tag supports the event attributes in HTML5

 

Browser Compatibility

Firefox Google Chrome Internet Explorer Apple Safari
All All All All

HTML h1 to h6 Tag

the heading tags are used to view the html headings. there are six types of the headings are available. The h1 tag is most important tag and h6 is least important tag.

 

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

Differences Between HTML 4 and HTML5

Same as

Global Attributes

this tag also supports the global attributes in HTML5

Event Attributes

this tag also supports the event attributes in HTML5

Attributes

Attribute Value Description
align left
right
center
justify
Specifies the alignment of the heading

Browser Compatibility

Firefox Google Chrome Internet Explorer Apple Safari
All All All All

HTML Div Tag

The <div> tag represents a devision or section in the html document.

web developers use <div> eleemts to group together html elements and apply css styles to many elements at once.

 

<div >
<h3>This is a heading</h3>
<p>This is a paragraph.</p>
</div>

Differences Between HTML 4 and HTML5

Attributes not supporting in html 5

Global Attributes

this tag also supports the global attributes in HTML5

Event Attributes

this tag also supports the event attributes in HTML5

Attributes

Attribute Value Description
align left
right
center
justify
Specify the div alignment content inside the div

Browser Compatibility

Firefox Google Chrome Internet Explorer Apple Safari
All All All All

HTML details Tag

The <details> Tag explain additional information that the user can view or hide on demand. Any sort of element can be placed inside the details element.

 

<details>

<summary>What is webpage</summary>

<p>webpage is a markup language for describing the structure.</p>

</details>

Differences Between HTML 4 and HTML5

This tag is new in html5

Global Attributes

this tag also supports the global attributes in HTML5

Event Attributes

this tag also supports the event attributes in HTML5

Browser Compatibility

Firefox Google Chrome Internet Explorer Apple Safari
58+ 49+ Not Supported 6+

HTML BR Tag

The <br> tag push a single line break.

The <br> tag is an empty tag it means that it has no ending tag.

Example

<html>

<head>
<title> Title of the web page</title>
</head>
<body>

This text defines<br>a line break.

This text defines<br>a line break.

</body>
</html>

Differences HTML 4.0 and HTML5

Same functionality.

Global Attributes

The <br> tag also supports the Global Attributes

Event Attributes

The <br> tag also supports the Event Attributes

Attributes

Attribute Value Description
clear none
left
right
all
Specifies where the next line should appear after the line break caused by this element

Browser Support

Firefox Google Chrome Internet Explorer Apple Safari
1+ 1+ 2+ 1+

HTML Body Tag

The <body> element contains all the content of the document. the content that will be displayed on screen,such as divs,sections, links, images,forms,tables,video all other items also/

Example

<html>

<head>
<title> Title of the web page</title>
</head>
<body>
<section>
<div> It is body of the web page</div>
</section>
</body>
</html>

Differences HTML 4.0 and HTML5

All body attributes are removed in HTML5

Global Attributes

The <body> tag also supports the Global Attributes

Event Attributes

The <body> tag also supports the Event Attributes

Attributes

Attribute Value Description
alink color color of an active link in a webpage
background URL background image for a webpage
bgcolor color the background color of a webpage
link color the color of unvisited links in a webpage
text color the color of the text in a webpage
vlink color The color of visited links in a document

Browser Support

Firefox Google Chrome Internet Explorer Apple Safari
All All All All

RECENT POSTS

Firefox CSS Hacks

admin
Wednesday, May 15th, 2019

Top 15 Web Design Trends 2018

admin
Friday, May 3rd, 2019