Basic Layout in HTML and Hello World

This lesson will help you understand how to create the basic layout in HTML web page and the basic Hello World web page.

Quick Hands-on

Try to complete the following tasks in the below CodePen editor:

Add another <h1> tag with content “Learning HTML”.
Add <p> tag below above <h1> tag with content “I am learning HTML and having fun.”

<br /> See the Pen <a href="https://codepen.io/dhanusir/pen/ZEMWjxr"><br /> HTML Basics – Basic Layout & Hello World</a> by Dhanu Sir (<a href="https://codepen.io/dhanusir">@dhanusir</a>)<br /> on <a href="https://codepen.io">CodePen</a>.

Points to Remember

<!DOCTYPE HTML> is the declaration type for HTML5.
<!DOCTYPE HTML> is not a HTML tag but information to the browser about what document type to expect.
<title> tag is used to give the title of the Web page.
<h1> tag is used to create a heading in the Web page.
<p> tag is used to create a paragraph in the Web page.
We can view the source code of the Web page by right clicking the mouse and clicking on “View Page Source”.