HTML introduction

0

 



HTML Tutorial :


You want to learnhow to design web pages but don't know where to start. Well you are in right place. Everytone who has a dream to become a front end developer or full stack developer starts with the basics and that is HTML. So let's find out what is HTML and try to cover basic to advanced topics of the HTML.


HTML History

1989 Tim Berners-Lee invented www

1991 Tim Berners-Lee invented HTML

1993 Dave Raggett drafted HTML+

1995 HTML Working Group defined HTML 2.0

1997 W3C Recommendation: HTML 3.2

1999 W3C Recommendation: HTML 4.01

2000 W3C Recommendation: XHTML 1.0

2008 WHATWG HTML5 First Public Draft

2012 WHATWG HTML5 Living Standard

2014 W3C Recommendation: HTML5

2016 W3C Candidate Recommendation: HTML 5.1

2017 W3C Recommendation: HTML5.1 2nd Edition

2017 W3C Recommendation: HTML5.2


HTML : HyperText Markup Language

Hyper Text Markup Language ? What does it mean ? 

  • It means that using this language we create the structure of the web page. And now what is structure so to understand the structure look at the skeleton below. We can say that human body is a properly structured . We have head , body and foot in the same way HTML has HEAD and BODY.

  • It tells the browser how to display the content.

  • The most important thing about HTML is that is is not a programming language . HTML is a markup language.


  • Using HTML we can only create a static web page


Let's Create our first HTML webpage :

To do this first open your Notepad / IDE and type the code below.



<!DOCTYPE html>
<html>
<head>
<title>HindiCodingCommunity</title>
</head>

<body>
<h1>HindiCodingCommunity</h1>
<p>Website for the programmers to learn programming easily</p>
</body>
</html>





Now save the file with .html extension.

Now run the file and you will see this .




Now let's see them one by one :

<!DOCTYPE html> it defines that this document is an HTML5 document so everytime we write html code then we have to mention it.

<html> it is the point which tells from here our  HTML page starts .

<head> it contains meta information of the HTML page like title , description ,author name etc.

<title> it contains  title for the HTML page as shown in the above image.

<body> element defines the document's body, our actual web page starts from here.

<h1> it defines a large heading . We can also use h2 ,h3,h4 ... accordingly . We will study it later.

<p> it defines a paragraph.

So this is how we create our first program in HTML. I hope you understood all the concepts easily . So let's move to the next ->








Post a Comment

0Comments
Post a Comment (0)

#buttons=(Accept !) #days=(20)

Our website uses cookies to enhance your experience. Learn More
Accept !