Table of contents
Block Level Elements
Block level element→A block-level element always starts on a new line and takes up the full width available.
Some Block level elements are:
<div>
<ul>
<section>
<ol>
<p>
<h1> to <h6>
<hr>
Inline Element
Inline Element→An inline element does not start on a new line and it only takes up as much width as necessary.
Some Inline elements are:
<a>
<span>
<br>
<img>
<i>
Difference between Block Level and Inline element
A block-level element can contain an inline element but an inline element can not contain a block-level element.
Block-level elements always start in a new line.
Lists in HTML
The list in HTML is of three types:
- Ordered list: Used to create a list of related items, in a specific order.
There can be 5 kinds of markers for the ordered list:
● Numbers [ 1 ]
● Lowercase Alphabets [ a ]
● Uppercase Alphabets [ A ]
● Lowercase Roman Numbers [ i ]
● Uppercase Roman Numbers [ I ]
<ol>
<li>one</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
</ol>
2. Unordered list: Used to create a list of related items in no particular order.
There can be 4 kinds of markers for unordered lists:
● disc
● circle
● square
● None
<ul>
<li>one</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
</ul>
3. Description list: Used to create a list of terms and their descriptions.
<dl>
<dt>Dog Breed</dt>
<dd>golden retriever</dd>
<dd>labrador retriever</dd>
<dd>german shepherd </dd>
<dd>bulldog</dd>
<dd>beagle</dd>
</dl>
Interlink web pages and navigate people to other websites
The <a> tag is used for interlink, which is used to link one webpage to another.
The most important attribute of <a> tag is the “href” attribute which is known as a hyperlink or reference.
<a href=”text.com “>text</a>
We give the other webpage link on href .
And when we go on our webpage and click on text it will open the webpage to which we have given the link.
We also have another attribute like _blank is used to open a linked website on a separate or new tab.
We can also navigate people to other websites by giving the link on href and people will go on that website.
<a href=” google.com”>google</a>
Tables in HTML
In very simple terms, we can say that a Table is a combination of rows and columns.
Rows are the horizontal cells in the table and Columns are the vertical cell in the table.
Tables are used to collect the data in the form of rows and columns. We can understand complex data in very simple terms with the help of tables.
Properties of Table;-
The table contains rows and columns.
Each row has the same columns.
Each row has a record.
It is a Table:-
Now the question is that, how can we make a table in our HTML Code?
So, the answer is, with the help of tags.
There is a “table tag” which is used to create a table in HTML and a “border tag” which is used to create a border in the table In the table tag, We use “th" tag to create a heading in the table and we use “tr tag” to create rows in the table and we use “td tag” to put the data in the table or to create the columns in the HTML code.
Multimedia in HTML and How they work
We can say that Images , Videos, Audios are the multimedia that we can put on our web pages or websites.
Images
- Images are the visual representation of something. We can say that Images are also a very important part of our websites or web pages because they beautify the website or web page. We can see that 99.9% of websites have images because Like a painting can decorate the room same as an image can beautify a web page or website.
How can we put images on our website with the help of HTML?
We use the “IMG” tag simply and we put the image or address of the image in the “src” attribute and we can fill the “alt” attribute also.
The image tag is like this:-
<img>src=” ” alt=” “</img>
We use the “IMG” tag simply and we put the image or address of the image in the “src” attribute and we can fill the “alt” attribute also.
The image tag is like this:-
<img>src=” ” alt=” “</img>
Videos
- We can say that Video is the electronic medium of recording, playback, broadcasting and display of visual media.
Videos are used for various purposes in websites for advertisement, entertainment and more.
We can put the video on our web page or websites with the help of a “video” tag and we can put the video or address of the video in the “src” attribute and we can also fill in the “alt” attribute. We have to write controls inside the video tag for controlling the video like play/pause, time show etc.
Audio
- We can say that Audio is voice multimedia in which we cannot see any type of images or videos, we can only hear the audio of a particular thing.
To put the audio on the web page or website we use the “audio” tag.
Audio is used in music websites like Spotify, gaana, resso etc.