Thursday, 9 April 2020

Html Basics-2

In the last blog we gave a look towards Html basics now we'll focus on its structure.

a} <header>
It defines header for section.

b} <nav>
Used for defining container navigation links.

c} <section>
Defines a section in document..

d} <article>
It defines an indipendent self-contained articles.

e}<aside>
Defines that content is apart from content.

f} <footer>
It is used for footer of section.

g} <details>
Declare additional details.

Image credit=Markus spiske(unsplash)

Text fromatting elements

They are of various types and each has its special ability to format text.

<b>: Displays text in bold eg { Code }
<i>: Displays text in italics eg { Code }
<u>: Displays underline below text eg { Code }
<small>: Displays the text in small size eg { Code }
<sub>: Displays the text in subscript
<sup>: Displays the text in superscript
<ins>: Content written between <ins> and </ins> declare inserted text
<mark>: It highlights text.

Html or Hyper Text Markup Language has 6 heading levels

1) <H1> Highest heading level eg { Heading level 1 }
2) <H2>
3) <H3>
4) <H4>
5) <H5>
6) <H6> Lowest heading level eg { Heading level 6 }

How to insert images,videos in website?

<img> tag is used to insert image in website
<img> tag has foll attributes

a] src :It specifices the path of img file
b]height :It specifies height of img file
c]width :It specifies width of img file
d] alt :It specifies img description

for eg { IMG src ="Game23.jpg" height="100" width="100" alt="game image"/>

How to display horizontal ruled line?

<HR> tag is used to display horizontal ruled line
Unlike <img> tag it also has some attributes and they are,

a)color : It sets color to horizontal ruled line
b)width: Specifies length of ruled line in % or pixels
c)size : Specifies thiknes of Horizontal ruled line.

How to give paragraph?

<P> tag is used to give paragraph. There are no attributes of this tag.

Note
{ If you haven't seen first part of our html series than do follow this link"https://techbunnys.blogspot.com/2020/04/html-basics-1.html"}

⚠️Wanna check other blog's ?? Click on this link 🖝 techbunnys.blogspot.com 🖜 ⚠️

We'll wind up here today see you guys in next blog
Guys i am new to blogger and i need your support so please guys don't forget to leave your comment down below..See you in next part of html...