HTML list and comments

-

                            Lists in HTML

 The lists in html are of two types-
  •  Ordered Lists
  •  Unordered Lists    
  1. Ordered List- Ordered list can be defined by using tag as <ol>.......</ol>. Ordered tag <ol> must be closed by its closing tag </ol>.
  2. Unordered List- Unordered list can be defined  by using tag as <ul>.......</ul>. Ordered tag <ul> must be closed by its closing tag </ul>.   
   Note- The elements of list must be defined under the <li>.....</li> tag. <li> tag must be closed after every element of the list by </li> closing tag.

eg:
      <ol>
            <li>First ordered</li>
            <li>Second ordered</li>
            <li>Third ordered</li>
    </ol>

    <ul>
        <li>First unordered</li>
        <li>Second unordered</li>
        <li>Third unordered</li>
    </ul>


                                    Comments in HTML

Comments is most important part in every programming language. It is not necessary to give comments but commenting gives us ease to understanding and read the code.

HTML comment syntax-

<!--    ..................................................................................   -->

comments in HTML are started with <!-- and end with <--

all the text written in this are to be taken as a comment and it is not shown in webpage,
it is only for understanding .















Comments

Post a Comment

Popular posts from this blog

Introduction To HTML

-
HTML - Hyper Text Markup Language HTML is used by  browser to manipulate text, images and other content to display it in required format .  HTML is created by  Tim Berners-Lee .    A HTML file can be created by- Text-Editors (Notepad) Atom Sublime-texts Visual Studio Code eg: Basic HTML document- <!DOCTYPE html>    #defines the type of the document. <html>      #your code start from here.      <head>    #defines head in html          <title> MY WEB PAGE </title>  #Defines the web page name .     </head>    #closing of head.            <body>    #defines the body of a site .                                      <h1> Here is the heading you want to give </h1> ...
Read more

Adding Images in html

-
Adding Images In HTML To add images we use the img tag followed by src attribute. We will discuss about attributes later.       NOTE- img tag doesn't contain a closing tag. Syntax- < img src ="your image URL here" alt ="alt text to display"> In src attribute we give the URL of our image. Writing alt attribute is not necessary. alt attribute text displays if the image fails to load. eg:       <img src="http://imgur.images.ighdhsa67x" alt="the donut in hands"> if the image fails to load due to network issues or something, the alt text "the donut in hands" will be displayed in browser. The images also can be added in lists. they can be added in both ordered and unordered list. For this we only has to give images with <li>......</li> tag. eg:  <ol>                    <li><img src="image URL" alt="alt text"></li>           ...
Read more

Div, Header, Footer and Main

-
Different Divisions In HTML Div:     The  Division can be done by <div> tag. Right now the page may look similar with or without        using the div tag, but when we start CSS it will mean a lot.     The  <div> tag has its closing tag as </div>     The div tag is used to make division of a page. eg:          <div>          <p>Hi! this is division for example</p>     </div> Header: The header division is to be done on head of the webpage. about, contact, main are the information are to be defined in a header tag. The header tag has its closing tag as </header>     eg:          <header>               <p> Hi!, This is Header division</p>          </header> Footer: Footer tag is same like header divisio...
Read more