“Html & CSS”
By, Vivek Kumar
In Html, we use tags for:
1) Heading : <h1> </h1> up-to <h6> </h6>
2) Paragraph: <p> </p>
3) Image
4) Line ---
5) Website Link: By anchor tag <a> </a>
6) Table
7) Login/ Sign up Form
(Open tag)
<html> ‘main coding’ </html> : it is used to start a html project
(Close tag)
We are using VS code for Coding, we can use Atom, notepad, notepad++
Structure of Html:
This is Structure of html. There is a
shortcut for structure “! + Enter”
sample structure.
Heading of Html, paragraph, line, breaks:
Some
helps
This is main
body where we
write all coding.
- This will give result:
This is due to <title> tag
This is under <body> tag,
<h1> tag
Exercise 1:
Source code
For adding links to websites : we use Anchor tag “<a> </a>” ,
This target is used when we want our
It is used add link to another page. Here “./Thank page/Thank.html” provided link to open in different tab.
will create a link with another page named Thank.html in Thank page.
“./” is for same directory ‘html tutorial’
It’s Result:
H
This Link will take you to Facebook.com
E
R
E This will take you “Thanks.html” whose path is html tutorial/ Thank
page/Thanks.html,
o Now if we want to add another page link to Home page, we can do this by anchor tag:
This is another page source
code which we wanted to add
to our Link.html page.
This is link for previous page “Link.html”, “../” is used for going back as
‘link.html’ page is in previous directory (html tutorial) .
It’s Result:
This is preview page of Thanks.html
By clicking this you will get back to
previous page.