Horje

Tips (Total 6)


# Tips-1) What is HTML?

HTML is the standard markup language for Web pages.

With HTML you can create your own Website.

HTML is easy to learn - You will enjoy it!

index.html
Example: HTML
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html> 

Output should be:


# Tips-2) What is HTML Code

HTML is the standard markup language for creating Web pages.

 

Example of HTML Code

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

Output should be:

Example of HTML Code

# Tips-3) What is HTML Element

An HTML element is defined by a start tag, some content, and an end tag:

Content goes here...

The HTML element is everything from the start tag to the end tag:

 

My First Heading

 

 

My first paragraph.

 

Start tag Element content End tag

 

My First Heading  

 

My first paragraph.

 

  none none

Note: Some HTML elements have no content (like the
element). These elements are called empty elements. Empty elements do not have an end tag!

Example of HTML Elements

The HTML element is everything from the start tag to the end tag:
index.html
Example: HTML
 <tagname> Content goes here... </tagname>
<h1>My First Heading</h1>
<p>My first paragraph.</p> 


# Tips-4) How to view HTML Page in Web Browsers

The purpose of a web browser (Chrome, Edge, Firefox, Safari) is to read HTML documents and display them correctly.

A browser does not display the HTML tags, but uses them to determine how to display the document:

Download Following index.html file in your Desktop.

index.html
Example: HTML
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

Then Double click on index.html file from your desktop

Output should be:

Then Double click on index.html file from your desktop

Your html file/page will open by a browser like this:

Output should be:


# Tips-5) How should be HTML Page Structure

Below is a visualization of an HTML page structure:

Example of HTML Page

Output should be:

Example of HTML Page

# Tips-6) What is HTML History

Since the early days of the World Wide Web, there have been many versions of HTML:

Year Version
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



Share on: