HTML Basics

HTML Tutorial - HTML Basics

Here we are covering the most basic HTML that are used extensively in any webpage.

HTML Heading

The Tags <h1> to <h6> are used for making heading. You can use these 6 tags based on the text size required.

HTML Heading Example.

Source:	Result:
<!DOCTYPE html> <html> <body> <h1>First Heading</h1> <h2>Second Heading</h2> <h3>Third Heading</h3> <h4>Fourth Heading</h4> </body> </html>

HTML Paragraphs

For creating paragraph in HTML document use the <p> tag.

HTML Paragraphs Example.

Source:	Result:
<!DOCTYPE html> <html> <body> <p>This is First Paragraph</p> <p>This is Second Paragraph</p> <p>This is Third Paragraph</p> </body> </html>

HTML Div Tag

The <div> Tag is used in HTML mainly for applying styles on certain portion of the text in the webpage.

HTML Div Example.

Source:	Result:
<!DOCTYPE html> <html> <body> <div style="font-size: 10px"> This is testing div Tag.</div> <div style="font-size: 14px"> This is testing div Tag.</div> <div style="font-size: 24px"> This is testing div Tag.</div> </body> </html>

HTML Links

To link different webpages we use a Tag <a>. This is the Tag widely used to link webpages, not only HTML webpages. Here the href is an attribute that uses link address to load the webpage in the internet browser.

HTML Links Example.

Source:	Result:
<!DOCTYPE html> <html> <body> <a href="http://www.FundasMadeEasy.com">Link to Website</a> </body> </html>

HTML Images

The <img> tag is used in HTML to load the Image in the internet browser. The src attribute is used to provide the image file name and the size can be provided using the width and height.

HTML Images Example.

Source:	Result:
<!DOCTYPE html> <html> <body> <img src="FundaLogo.jpg" width="182" height="112"> </body> </html>

The HTML Examples are simple to demonstrate the HTML Tags usage. If you are planning to create your own website using HTML, you have started your Journey. You have to get used to the HTML Tags so you need to practice. We have shown HTML examples in Text Editors so that you can practice by changing the HTML.

« Previous Chapter

Next Chapter »