WHAT IS HTML AND HTML5

Jan 29, 2015   Allumez   Web Development

Introduction to html and html5

1)Html  is a markup language for designing web pages and describing web documents.

Html  syntax:-

<html>

<head>

<title></title>

</head>

<body>

</body>

</html>

2)The text between < h1></h1> tags describe headings.

Similarly the text between <h2></h2> tags describe headings with size difference from tag <h1></h1>

The text between <p></p> these tags describe the paragraphs.

The text between <b></b> these tags describe the bold text.

These <br></br> tags describe the line breaks.

These  <hr></hr>tags describe the horizontal line rules.

The text between <i></i>these tags describe the font style italic.

The( &nbsp) describes a non breaking space between a text line.

The &copy describes the copyright sign inside the footer.

The <a></a> anchor  tag is used to point any resource and it can be anything.For Example(An image,any url etc).

The <a href=”url”> words</a> a tag is used to create an anchor to list from and the href attribute is used to address the document to link to and the words between opening and closing of anchor tag displayed as hyperlink.

3)HTML TABLES

Tables are defined with (<table></table>) tag.

Table rows are defined with <tr> tag and each row is divided into data cells called <td></td> tags.

Headings in the table are defined with <th></th> tags.

4)Html lists

Html lists are divided into two parts

1)unordered lists   2) ordered lists

Unordered list :-the list items are marked with small circles,bullets,squares etc.

<ul>

<li></li>

</ul>

Ordered lists:-the list items are marked with alphabets or numeric forms.

<ol>

<li></li>

</ol>

5)Html forms and inputs

Form elements are the elements that allow user to enter information like text fields,textarea fields,radio button,drop down menu,checkbox etc.

Syntax:-

<form>

<input>

</input>

</form>

6)Html images

The syntax of defining an image

<img src=”url”>

The keyword  ‘alt’ is used to define an “alternate text” for an image.

<img src=”boat.gif” alt=”big boat”>

7)Html background

The bgcolor attribute is used to set background to a color.

<body bgcolor=”example”>

Html 5

In html5 new elements and attributes are added and some of the old elements and attributes are removed

The <!DOCTYPE html> tag is added in html5 for browser compatability.

New elements and attributes are added:-

1)<video> </video>

2)<audio></audio>(no plugins)

3)<canvas></canvas>(scriptable image)

4)<article></article>

5)<section></section>

6)<header></header> etc.

7)<footer></footer>

New attributes:-

1)(drag-and-drop)

2)(editable pages)

3)spellcheck

4)new form attributes(for clients-side validation,plus new form controls such as date picker,etc)

New APIs for scripting:-

<video> and <audio>

<canvas></canvas>

Getelementsbyclassname()

Html 5 defines how browsers can handle real errors gracefully.

ELEMENTS THAT ARE REMOVED FROM HTML5:-

1)<center>

2)<font>

3)<dir>

 

 

 

 

.

 

 

 

 

 

 

 


Share this post

We are always here to help. If you have a query Send Now