html body { margin-top: 50px !important; } #top_form { position: fixed; top:0; left:0; width: 100%; margin:0; z-index: 2100000000; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; border-bottom:1px solid #151515; background:#FFC8C8; height:45px; line-height:45px; } #top_form input[name=url] { width: 550px; height: 20px; padding: 5px; font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif; border: 0px none; background: none repeat scroll 0% 0% #FFF; }
tag which contains document content and the bgcolor attribute changes background color. 2) Heading tags

to

which display text in decreasing font sizes. 3) The

tag defines a paragraph. 4) The
tag inserts a line break. 5) The


tag draws a horizontal line. 6) Bold, italics and underline are created using , and tags. 7) Lists are created using
    ,
      and
      tags along with
    • for list items.">
      0% found this document useful (0 votes)
      34 views

      7 HTML Notes

      The document discusses important HTML tags and their uses including: 1) The <BODY> tag which contains document content and the bgcolor attribute changes background color. 2) Heading tags <H1> to <H6> which display text in decreasing font sizes. 3) The <P> tag defines a paragraph. 4) The <BR> tag inserts a line break. 5) The <HR> tag draws a horizontal line. 6) Bold, italics and underline are created using <B>, <I> and <U> tags. 7) Lists are created using <OL>, <UL> and <DL> tags along with <li> for list items.

      Uploaded by

      ArtiPandey
      Copyright
      © © All Rights Reserved
      We take content rights seriously. If you suspect this is your content, claim it here.
      Available Formats
      Download as DOCX, PDF, TXT or read online on Scribd
      0% found this document useful (0 votes)
      34 views

      7 HTML Notes

      The document discusses important HTML tags and their uses including: 1) The <BODY> tag which contains document content and the bgcolor attribute changes background color. 2) Heading tags <H1> to <H6> which display text in decreasing font sizes. 3) The <P> tag defines a paragraph. 4) The <BR> tag inserts a line break. 5) The <HR> tag draws a horizontal line. 6) Bold, italics and underline are created using <B>, <I> and <U> tags. 7) Lists are created using <OL>, <UL> and <DL> tags along with <li> for list items.

      Uploaded by

      ArtiPandey
      Copyright
      © © All Rights Reserved
      We take content rights seriously. If you suspect this is your content, claim it here.
      Available Formats
      Download as DOCX, PDF, TXT or read online on Scribd
      You are on page 1/ 3

      Ekayanaa School, Indore

      Class VII computer


      More on HTML 5
      Important Tags and their uses
      Basic Structure of HTML document

      1) <BODY>
      It contains the contents of your document.
      Bgrcolor attribute is used to change the background colour of the webpage
      Eg: <Body bgcolor=green>

      2) Heading Tags

      There are 6 heading tags. <H1> to <H6>


      <H1> displays the text in largest size and <h6> displays in smallest size.
      Eg: <H1>My first Webpage</H1>

      3) <P> - Paragraph tag

      The <p> tag defines a paragraph.


      Eg: <P>HTML stands for HyperText Markup Language. It is used to design the web pages. With the
      help of HTML, you can create a complete website structure. HTML is the combination of Hypertext and
      Markup language.</P>

      4) <BR>
      It splits the line and displays the text on a newline.

      5) <HR>

      It draws a horizontal line across the webpage.

      6) <B> , <I> , <U> -To display the text in Bold, Italics and Underline.

      Eg: Welcome to <B> HTML </B>

      7) Ordered list -<OL> :- It is used to create numbered list


      <OL>-…</OL> to start and end the list
      <li> To display list item
      Attribute of ol tag – 1) start
      2) reversed
      3) type (can be like A/a/I/i/1) default is 1
      Ex. - <ol start = 5 reversed >
      Eg.
      <body>
      <h1> Stationary items
      <ol start = a>
      <li> pen
      <li> pencil
      <li> Eraser
      </ol >
      8) Unordered list - <UL> :- It is used to create bulleted list
      Its attributes - type (it can be disc , square , circle ) default value is disc
      Eg. <body>
      <h1> Stationary items
      <UL type = “square” >
      <li> pen
      <li> pencil
      <li> Eraser
      </UL >
      9) Definition List - <DL> :- It is used to create a list consists of a term followed by its definition.
      It starts with <DL> tag
      <DT>- Data Term
      <DD>-Data Definition
      Eg. <body>
      <DL>
      <DT> Keyboard
      <DD> An input device
      <DT>Monitor
      <DD>An output device
      </DL>
      10) <Table> tag- To create tables
      <TR> - Table Row
      <TD> -Table Data
      <Caption> To give a heading/caption for the table.
      Attributes of <Table> tag-
      Border- To give a border for the table
      Bgcolor – To give background colour for the table
      height & width - To change the height and width of the table
      Eg.
      <table border=2 height=20% width=20%>
      <tr>
      <th>Rollno</th>
      <th>name</th>
      <th>Class</th>
      </tr>
      <tr>
      <td>1</td>
      <td>Maria </td>
      <td>8</td>
      </tr>
      <tr>
      <td>2</td>
      <td>Chirag</td>
      <td>7</td>
      </tr>
      </table>

      11) <IMG> tag – To insert images in the webpage


      Attrinutes-
      SRC – to add the source(location) of the image
      ALT- To specify an alternate text to the image
      Height & width- To increase the height and width of the image
      Eg.
      <IMG src=” C:\Users \Downloads\imagename.jpg”>

      You might also like