HTML Tutorial - Basic Structure of HTML Tags

Basic Structure of HTML Tags

Introduction :-

HTML is stands for Hypertext Mark-up Language. HTML is the most widely used language to write web pages, Hypertext refers to the way in which web pages are linked together.

Thus, the link available on web-page is called HYPERTEXT. HTML to simply “Mark-up” a text document with TAGS that tell a web browser how to structure it to display. An HTML file must have an HTM or HTML file extension. An HTML file can be created using a SIMPLE TEXT EDITOR.

Description :-  HTML is a MARK-UP Language. MARK-UP is :-

l  Embedded codes in documents

l  Codes are called “TAGS”

l  Codes

Ø  Describe the structure documents

Ø  Include instruction for processing

l  Computer language for describing syntax of tags

Software Use :-

1.      Notepad

2.      Notepad ++

3.      Dreamwever

4.      KompoZer

5.      Any text editors

 

Structure of HTML :-

<html>

<head>

<title> Type Title of your Web Page </title>

</head>

<body>

<p>This page content is display in browser. </p>

</body>

</html>

HTML Structure Explain :-

HTML tags are used by Angle Brackets < and >. It is nor case- sensitive. HTML entire document enclosed with in <html> and </html>.

 Parts of HTML Structure :-

 1. HEAD :

It enclosed within <head> and </head>

Within the head tag there are more tags are used like title of page, meta information, etc...

2. BODY :

It enclosed within <body> and </body>

Within the body tag, it is content to be displayed and the other tags can be embedded in the body.

 Types of TAGS :

 1. PAIRED TAG :-

HTML tags normally come in PAIRS, like <tag_name> [ start tag] type any text </tag_name> [End tag].It is also known as Container Tag. Example : <html></html>, <title></title>, etc..

2. SINGUALR TAG :-

HTML tags which have only starting tag it is known as singukar tag. It written like <tag_name>. It is also known as NON-CONTAINER TAG. Example : <br>,<link>,<img>, etc..

EXAMPLE :-

Follow below steps :-

1. Open any text editor.

Windows 8 or later:

Open the Start Screen (the window symbol at the bottom left on your screen). Type Notepad.

Windows 7 or earlier:

Open Start > Programs > Accessories > Notepad

 2. Write below code.

Basic Structure of HTML


3. Save as html_article1.html or html_article1.htm (Note: see where you save your file because it will generate a browser file.)

4. Open the saved HTML file in your favorite browser (double click on the file, or right-click - and choose "Open with").


EXPLAINED :-

 <html>  : It is root element of an HTML WEB PAGE.

<head>  : It is contains meta tag about the HTML PAGE.

<title>    : It is give a specifies title of your HTML Page. It is shown in the browser’s title bar.

<body>  : It is contains for contents, such as heading, images, paragraphs, tables, etc…

<p>        : It is defines a paragraphs.

 

Conclusion :  Thus, HTML is basically use for create a web page which is use to make a website designs. Website is a collections of web pages, then you have to learn , to create a web page. In this article we learn about HTML , HTML Structure , HTML tags, Types of html tag, and also learn create a web page. There are many other HTML Tags like …Heading Tags , Body Tag, Image Tag , List Tag , Table Tag , frame , etc…






SHARE

Pratima Parmar

Hi. I’m Blogger of Computer Software E-Learning. I’m Computer Trainer in YouTube. I’m Creative Art Desinger in Social Media Posts, Give to Free Trainning to People Using YouTube in Easy Hindi Language and Blog Articles, Web Designer, Web Developer, Speaker, Writer and Edit in Photos in a way of Professionally. Inspired to Make Things Looks better. I’m Also Provide To Free Materials And Notes To Peoples. So, They Can Easliy Learn Computer Softwares And Also Helpful To Those People Who's Are Prepaired Government Exams.

  • Image
  • Image
  • Image
  • Image
  • Image
    Blogger Comment
    Facebook Comment

0 comments:

Post a Comment

HTML Tutorial - HTML Heading Tags

Explain Heading Tag in HTML with the help of Example HTML Heading tags is helps to make the heading look unique and the user’s attention goe...