Skip to main content

HTML BASIC PART1

HTML DOCUMENT STRUCTURE

<!DOCTYPE html>
<html>

   <head>
      <title>Heading Example</title>
   </head>
 
   <body>
      <h1>Structure Heading</h1>
          <p>Paragraph</p>
   </body>
 
</html>



**Save this code from .htm or.html extension**


OUTPUT

Structure Heading

      Paragraph

HTML HEADING

HTML has 6 levels of heading that is <h1> <h2> <h3> <h4> <h5> and <h6>

EXAMPLE:

<!DOCTYPE html>
<html>

   <head>
      <title>Heading Example</title>
   </head>
 
   <body>
      <h1>This is heading 1</h1>
      <h2>This is heading 2</h2>
      <h3>This is heading 3</h3>
      <h4>This is heading 4</h4>
      <h5>This is heading 5</h5>
      <h6>This is heading 6</h6>
   </body>
 
</html>

Output


This is heading 1

This is heading 2

This is heading 3

This is heading 4

This is heading 5
This is heading 6

Paragraph Tag


<p> Tag is used for a paragraph. It is paired tag. Each paragraph start from opening tag <p> and closed from closing tag </p>.

EXAMPLE:

<!DOCTYPE html>
<html>

   <head>
      <title>Paragraph </title>
   </head>
 
   <body>
      <p>Here is a first paragraph of text.</p>
      <p>Here is a second paragraph of text.</p>
      <p>Here is a third paragraph of text.</p>
   </body>
 
</html>
OUTPUT:
Here is a first paragraph of text.
Here is a second paragraph of text.
Here is a third paragraph of text.

Comments

Post a Comment

Popular posts from this blog

Editor For Html

There are several types of editor in the market .Some Editor names are given below. Notepad++. Notepad. TextEdit (MAC). VS Code.      Structure of HTML It is the most important part of HTML.Complete Website totally depend on this structure. 1. DOCTYPE Html It is not a Html tag. It is the very first thing in html pages. It is the instruction to the browser about the version of the markup language. It is not a case sensitive. < !DOCTYPE  html >: It is a html5 Declaration   **Always add Doctype in your code. It helps the browser to render the content correctly.** 2. HTML It is paired a  tag. It means that it consist a opening and closing tags both. It is containing a whole data of a html document. Each html document contain one <html> opening and closing tag. *As shown in figure, Head and body are the child of  HTML tag.* 3. HEAD It is  a  container for page header informati...
Post a Comment
Read more

ASIDE TAG

ASIDE TAG ASIDE tag is new tag in HTML5. It represents a part of a document whose content is only indirectly related to the document's main content..] Aside tag used  for pull quotes,comments,editorial sidebars etc. NOTE: Behaviour of div and aside are same but  meaning is different. Div is used for create a section or a division. Aside is also used for create a section or division but related to content of the main page.         SYNTAX <!DOCTYPE html> <html> <head> <title> HTML Aside Tag </title> </head> <body> <aside> <h2>HTML</h2> <p>HyperText markup Language</p> </aside> </body> </html> OUTPUT HTML Hypertext markup Language -----------------------------------------------------------------------------------------------------------------------------------------...
Post a Comment
Read more

ARTICLE TAG

ARTICLE TAG Article tag is new tag in HTML5. It is used to represent the article. It is used for blog post,forms,newspapers,magazines etc. Article tag  specifies self-contained composition in a site, document, page or application. It supports all global attributes.     SYNTAX <!DOCTYPE html> <html> <head> <title> HTML Article Tag </title> </head> <body> <article> <h2>HTML</h2> <p>HyperText markup Language</p> </article> </body> </html> OUTPUT HTML Hypertext markup Language --------------------------------------------------------------------------------------------------------------------------
Post a Comment
Read more