Brief introduction of HTML

Date-22-01-2023

HTML stands for Hypertext Markup Language it is used to create a web page and layout of a website.

so, today I have introduced some information about HTML like entities, elements, tags, images, and linking of a web page.

first of all introducing the entities, entities or nothing but a keyword that is used in HTML to insert the special Characters eg- &copy, &res and so on.

element -there are two types of elements inline and block

element inline

elements are that

element which occupies

the space they

need while the block-level element is

<!-- block element -->

     <div>there is example of block element</div>
      <p>this is another example of  block element</p>
      <h1>this is also a block element</h1>

      <!-- inline element -->

      <span>there is example of inline element</span>
      <br>
      <b>this is inline element</b>

cover the whole width and occupies unnecessary space.

div is a famous block-level element

span,img,br, and video are inline element

tag is used to give HTML functionality

images used in the website are more interactive to the user

so, images are important in Html

<!-- images -->
      <img src="google.com" alt="" title="images">
      <img src="/imges/logo" alt="" title="logo">

to link a page with another page with help of an anchor tag.

 <!--linking a page  -->
      <a href="google.com"> google</a>
      <a href="hello.html">hello</a>
      <a href="mailto:pwskill@gmail.com"></a>
      <a href="/files/myfile.pdf" download>download</a>

How to list in HTML and what types of the list?

<!-- list in HTML -->
      <!-- order list -->
      <ol>
        <li>12</li>
        <li>3</li>
        <li>2</li>
        <li>4</li>
        <li>5</li>
      </ol>
      <!-- unoreder list -->
      <ul>
        <li>1</li>
        <li>23</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
      </ul>

      <!-- order list and type -->
      <ol>
        <li type="i">1</li>
        <li type="1">2333</li>
       <li type="A">3</li>
        <li type="a">3</li>
        <li type="I">4</li>
      </ol>

      <!-- unorderlist and type -->
      <ul>
        <li type="circle">1</li>
        <li type="disc">2333</li>
       <li type="squre">3</li>
        <li type="none">3</li>
        <li type="disc">4</li>
      </ul>

      <!-- descrption list -->
      <dl>
        <dt> student
            <dd>this is new in class</dd>
        </dt>
        <dt> mohan
            <dd>this is new in class</dd>
        </dt>
      </dl>