HTML Introduction & Basic Structure

HTML || Introduction

HTML stands for Hyper Text Markup Language. It is used to create web pages with text, images, videos etc. using markup language. HTML is the combination of Hypertext and Markup language. Hypertext defines the link between the web pages. Markup language is used to define the text document within tag which defines the structure of web pages. 

HTML contains tags for all the operation like text, images, videos etc. If you want to write something then you can use heading tags, paragraph tags , to work with images there is img tag, you can style them by using style attribute like you can color them, increase or decrease size, change font type, change size and much more.

 

 
 

HTML || Basic Structure

The basic structure of an HTML document  has two main parts:

  1. head: The head part contains title and meta data of a web document.
  2. body: The body part contains the information that you want to display on a web page.
To make a web page you should know the basic structure of an html document. It means that What are the important tags to work on html document, How to write the tags, Where to use the basic tags.

There is a format of writing the html document which we have to follow.

HTML || Basic tags

  • <!DOCTYPE html> :- It is a declaration type that helps the browser to identify the version of the Html web page.
  • <html> :- It is used to create a blank web page.
  • <head> :- We can give title, write CSS and can add links.
  • <title> :-  We can specifies a title for the HTML page in the head section. (which will shown in the browser's title bar or in the page's tab)
  • <body> :- It is a place where we can add all our data like image, text, videos and much more.

 

~ VIDEO ~


HTML || Writing Process

  1. Open a notepad on your computer or laptop.
  2. Write <!DOCTYPE html> which help the browser to identify the version of html document
  3. Write <html> ............ </html> after <!DOCTYPE html>. The html tag helps you to create a blank web page and all other tags goes in between these html tag.
  4. Open <head> and close </head> tag in between the html tag. head tag is used to give links, write css and class.
  5. Add <title> ......... </title> tag in the head section and write your title in between of the title tag. This will help to get the title on the page's tab.
  6. Open <body> and close </body> after the head close. Body is the page where our text, images and video will be shown. We will write all rest of the tags here according to the requirment.
  7. Save the document by a name and .html extension after completing your document. This will create a web document.
  8. Open the web document which you have saved. The document will open in web browser.



HTML || Heading

A HTML heading can be defined as a title or a subtitle which you want to display on the web page. When you place the text within the heading tags <h1>.........</h1>, it is displayed on the browser in the bold format and size of the text depends on the number of heading.

There are six different HTML headings which are defined with the <h1> to <h6> tags, from highest level h1 (main heading) to the least level h6 (least important heading)


Example:

HTML page can be created using any text editor (notepad). Then save that file by a name with .html extension and open that file in browser. 


<!DOCTYPE html>

<html>

    <head>

    <title>Decoder</title>

    </head> 

    <body>

        <h1>Heading 1</h1>

        <h2>Heading 2</h2>

        <h3>Heading 3</h3>

        <h4>Heading 4</h4>  

        <h5>Heading 5</h5>

        <h6>Heading 6</h6>

    </body>

</html>

 
 

Output:



Features of HTML:

  • It is easy to learn and easy to use.
  • It is platform independent.
  • Text, Images, video and audio can be added to a web page.

Advantages:

  • HTML is used to build a websites.
  • It is supported by all browsers.
  • It can be integrated with other languages like CSS, JavaScript, Bootstrap etc.


👉👉👉👉💓💓💓 Thank You ðŸ’“💓💓👈👈👈👈


Mr. Safal Sharma 

(M.C.A, Ph.D in Computer Application)


Keep Supporting Me:-
Email: decoderbusiness@gmail.com
Instagram: https://www.instagram.com/safaldecoder/
Facebook: https://www.facebook.com/safal.decoder.1

 
 

 

 

 

 

 

Comments

Popular posts from this blog

ShayariAndQuotes Privacy Policy

GST Calculator Privacy Policy