# Html Basics---1

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1675911116070/ee6ef7c3-d572-40e0-8dfe-7d4709bd0a18.png align="center")

### Inline vs block element

there are two types of elements inline and block. Inline are those which occupy only the space needed by them.

Ex: &lt;a&gt;,&lt;em&gt;,&lt;textarea&gt;,etc.

whereas block elements occupy the whole block.

Ex:&lt;hr&gt;,&lt;p&gt;,&lt;div&gt;,etc.

### Adding images, audio and video :

Adding them is a very easy task

&lt;img src="Link of the image"&gt;

you just need to change img to audio to add audio to the program only thing you need to take care is you must give a controls attribute in them so that the user can control it.

### Linking pages

for linking pages

&lt;a href="link of the new page"&gt;Click&lt;/a&gt;

### Lists

We have two types of lists:

1. Ordered list: Here you get bullet points in terms of number. Like, it can be a decimal no. or a roman number.
    
2. Unordered list: Here you get bullet points but not numbers. You get different types of shapes of bullet point which is given to all members of the list.