# 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

```html
<!-- 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

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

```html
 <!--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?

```html
<!-- 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>
```