Hello World HTML

Hello friends

In this tutorial we'll be learning how to create your first HTML Page 


Step I

Open any text editor of your choice

Notepad, Textedit, Sublime text 3, Visual Studio code, Brackets, etc


Let's open Notepad/ Textedit (according to your OS)


Step II

Creating the syntax of HTML


<!DOCTYPE html>

<html>

<head>

<title>Hello world !!!</title>

</head>

<body>

<h1>Hello World...</h1>


<h2>My name is Shakthi</h2>


<h3>This is my first HTML File</h3>

</body>

</html>




Step III 

Understanding Step II


The first tag 

<!DOCTYPE html>


This tag tells the type of the document which is HTML


The <html> tag


Inside this tag only we have everything.


The <body> tag 


Inside this tag, we have our content

Images, Videos, Text, Links, Buttons and everything 


The <title> tag has the title of the page 

If you are using chrome, when you open a new tab you see New Tab in the tab area 

Any website you visit you will see the title of page there


In this tutorial we have Hello World !!! as the title of the page


The <head> tag 


Inside the head tag we have our scripts to function the page, stylesheets to beautify our page and many more

Inside which we also have our <title> tag 


To display texts we have seven tags 


<h1> 

<h2>

<h3>

<h4>

<h5>

<h6>

<p>


The h1 tag has the biggest font size and it decreases as the tag number increases 

The h6 tag has the smallest font size

The p tag which is the paragraph tag is used to display paragraphs 



So We'll learn more about displaying texts in our next blog 


Hope you enjoyed 

Thank you 



Comments

Post a Comment