Introduction to HTML - Learn HTML Online

Latest

A simple way to Learn HTML Queries Online

Introduction to HTML

What is HTML? 

HTML is a markup dialect for depicting web records.
HTML remains for Hyper Text Markup Language
A markup dialect is a situated of markup labels
HTML reports are portrayed by HTML labels
Every HTML tag depicts distinctive record content

HTML Example

A small HTML document:

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

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

</html>


Illustration Explained 


The DOCTYPE assertion characterizes the record sort to be HTML 

The content in the middle of <html> and </html> portrays a HTML record 

The content in the middle of <head> and </head> gives data about the archive 

The content in the middle of <title> and </title> gives a title to the archive 

The content in the middle of <body> and </body> depicts the obvious page content 

The content in the middle of <h1> and </h1> depicts a heading 

The content in the middle of <p> and </p> depicts a section 

Utilizing this depiction, a web program can show a record with a heading and a section.

HTML Tags/Labels


HTML labels are essential words (label names) encompassed by edge sections:

<tagname>content</tagname>

HTML labels ordinarily come in sets like <p> and </p>

The principal tag in a couple is the begin label, the second tag is the end tag

The end tag is composed like the begin tag, however with a slice before the label name

Note .:The begin tag is regularly called the opening tag. The end tag is regularly called the end tag.

Web Browsers 


The reason for a web program (Chrome, IE, Firefox, Safari) is to peruse HTML reports and showcase them.

The program does not show the HTML labels, however utilizes them to decide how to show the report:
View in Browser

HTML Page Structure

Below is a visualization of an HTML page structure:
<html>
<head>
<title>Page title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>
Note:Just the <body> territory (the white zone) is shown by the program.

The <!DOCTYPE> Declaration 


The <!DOCTYPE> statement helps the program to show a page effectively. 

There are distinctive record sorts on the web. 

To show a record accurately, the program must know both sort and variant. 

The doctype revelation is not case delicate. All cases are satisfactory:
<!DOCTYPE html>

<!DOCTYPE HTML>

<!doctype html>

<!Doctype Html>



No comments:

Post a Comment