Breaking

Tuesday, November 25, 2025

HTML(Hypertext markup language)




what is html??

  1.  Html is the standard markup languag for creating web pages
  2.  html stands for Htpertext language
  3.  Html describe the structure of a web page 
  4.  Html consists of a series of elements
  5.  Html elements tell the brower how to display the content 
  6.  Html elements are represented by tags  
  7. Html tags label pieces of content such as "heading","paragraph","table", and so on  
  8. Browsers do not display the HTML tags, but use them to render the content of the pages  

A Simple HTML Document 

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

        <h> MY 1st HEADING</h>            
        <p> MY FRIST PARAGRAPH</p>

</body>
</html>


  • The <Html> element is the root element of an HTML page.
  • The <Head> element contains meta information about the document.
  • The <Title> element specifies a title for the document.
  • The <Body> element contains the visible page content.
  • The <H1> element defines a large heading.
  • The <P> element defines a paragraph.
Note: Only the content inside the   <body> section (the white area above) is  displayed in a browser



TAGS


    1. HTML Headings

Html heading are difined with the <H1> to <H6> tags <H1> defines the most important heading. <H6> defines the least important heading: 

           EXAMPLE 

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

  2.  HTML PARAGRAPH   <P>

      It is use to write a paragraph of text on a webpage. The  <p> tag is used to define a block of text  as a paragraph. 

         EXAMPLE       

<HTML>
<HEAD>
<TITLE ></TITLE>
</HEAD>
<BODY >
          <P>  THIS IS PARAGRAPH.</P>
          <P>  THIS IS ANOTHER PARAGRAPH </P>
</BODY>
</HTML>

3. <HR> TAG

4.<I> TAG 

5.<U> TAG 
6. <EM> TAG 
7. <SUP> TAG 
8.<SUB> TAG 
9.<MARK> TAG 
10.<A>

11. LISTS
<UL>
<OL>
<LI>


14. TABLES
<TABLE >
<TH>
<TR>
<TD>


15. FORM 

<FORM><F/ORM> 

Form tag use of create a form on the webpage.
<INPUT></INPUT>
Input tag make a space for text, password ,number, gmail Etc.

  1.  type="text"            ----    normal text
  2. type="password"   ----    hides text
  3. type="numbe         ----    only number 
  4. type="email"         ----    email input 

      EXAMPLE   

                  <input type="text">


<LABLE >
 labe tag help to give the name of input fild.

EXAMPLE 

                    <lable > name </lable>
                    <input type ="text">


<BUTTON></BUTTON>
 Button tag make for submit the form.

EXAMPLE

                    <button>submit</bitton>

<TEXTAREA></TEXTAREA>
Textarea tag use for write long text. (Exp- address, message ,etc)  

EXAMPLE

                    <textarea rows="6" cols="12"></textarea>
<SELECT></SELECT>
Select tag make a grope-down list 

EXAMPLE

                     <select>
                        <option > male   </option>
                        <option > female</option>
                        <option > other   </option>
                    </select>


 

 









1 comment:

contact