HTML 5 Tags Basic tutorial

HTML 5 Tags:

HTML 5 tags are many in numbers or figures but we discuss basics tags. HTML 5 Tags makes it easier approximately. 

HTML 5 Heading Tags:

DOCTYPE html> // Declare Document type

Knowledge idea

  // Heading tags you can use h2,h3,h4..


HTML 5 Paragraph Tags:

DOCTYPE html> // Declare Document type

Knowledge idea

  // Paragraph tags


HTML 5 Images Tags:

We use “alt” because it’s extremely important and recommended by experts. Google Crawl your images then “alt” tag working as an image title.

DOCTYPE html> // Declare Document type


// Image tags, alt tag criteria is important for SEO and recommended  
Knowledgeidea

HTML 5 Hyper Link Tags:

<html>
<body>
<a href="http://www.knowledgeidea.com" alt="">Knowledge idea</a>
</body>
<html>

HTML 5 Font Tags:

<html>
<body>
<font size="5"color="#00AFEF"face="aller display">How are you friend?</font>
</body>
<html>

Firstly We use Color code in color tag . You may use simple color name like “Red” & “Green” Above example output look like this. Color codes built efficiency in your development. Secondly we use Font Family so you can use each one which you like to use. Font size is a common thing hope you know well. 

HTML 5 Tags

HTML 5 Text Format Tags:

<html>
<body>
<p> How are you friend // Paragraph Format 
<p> <b> How are you friend </b>  // Bold Format
<p> <i> How are you friend </i>  // italic Format
<p> <em> How are you friend </em> // Point out/Headline Format
<p> <code> How are you friend </code>  // Computer Output Format
</p></html>
</body>

Here we clear some differences b/w and tags. Tag express strong important for its contents and doesn’t effect on the meaning of sentences. On the other Hand Tag express stress emphasis of its contents and does effect on the meaning of sentences. Here is the screenshot of the above example.

HTML 5 Tags Read More About HTML 5 Tags 

HTML Tutorial step by step Guide

HTML Tutorial:

HTML tutorial for beginners establish a skill that how to engage web pages. HTML (Hyper text markup language) used to develop web pages with more reliability.HTML contains enclosed tags like <h1> </h2>  and html tags are come in couple. If tag is open then it must be close clearly. 

How we start html?

Answer is HTML have open and close tags like <html> </html> Keep remember in mind in which close tags </html> backslash should be there on start.Let’s take the following example.

<html>
<body>
<h1>Knowledge idea e-learning website</h1> 
<p> educate yourself!!</p>
</body>
</html>

In above case we use heading tags and paragraph tags. Some major tags are mentioned below.

Name Tags code
 Headings  <h1><h2><h3><h4><h5><h6><h7>….</h7>
 Paragraph  <p></p>
 Marquee  <marquee></marquee>
 Break  <br>
 Font  <font> </font>
 Link  <a href=”#”></a>    //  Hash # sign Replace with URL.
 Table  <table> </table>
 Table row  <td> </td>
 Table column  <tr> </tr>
 Area  <Area>
 Button  <button> </button>
 Document type  DOCTYPE> // Must be declare before HTML type.
 Code  <code> </code> // Define computer codes.
 div  <div> </div> // Define a section. 
 Footer  <footer> </footer> // Define a footer section.
 Form  <form></form> // Form tag is used in Forms HTML.
 Head   <head> </head> // Head element hold all head elements.
 Image   <img src=”demo.jpg”> // Define Images in HTML.
 Bold  <br> </b> // Used to bold text.
 Center  <center> </center> // used to center align text.

HTML Editor:

HTML can be edited using professional editors such as.

  1. Adobe Dream viewer
  2. Notepad++
  3. Sublime text

Above mentioned three editors are professional. I will recommend to use notepad in beginning because its easy and simple way to write code and get output. we take a few screenshots for your help. Let’s see.

Step 1:

Open your Notepad second  Copy few given html and paste in your Notepad.

<!DOCTYPE html> // Declare the document type
<html>
<title>Knowledge idea</title>
<body>
<h1> First Heading </h1>
<h2> Second Heading </h2>
<h3> Third Heading </h3>
<p> Hello! friends how are you </p>
</body>
</html>

HTML  Tutorial - Knowledgeidea.com

Step 2:

Next in Notepad above menu File ==>> Save as demo.html with html extension.

HTML  Tutorial - Knowledgeidea.com

Step 3:

View HTML in your Browser. Open your Saved file in your computer Browser. It will look like this.

HTML  Tutorial - Knowledgeidea.com