Scribd
Upload
13 views

"HTML & CSS": By, Vivek Kumar

Html uses tags like <h1> for headings, <p> for paragraphs, and <a> for links. The <html> tag marks the beginning and end of an HTML document. CSS can be used to style HTML elements by specifying rules that select elements and declare how they should be displayed. The document provides examples of common HTML tags and their usage to structure text content, add images, and create internal and external links between pages on a website.

Uploaded by

Vivek Kumar
Copyright
© Public Domain
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
13 views

"HTML & CSS": By, Vivek Kumar

Html uses tags like <h1> for headings, <p> for paragraphs, and <a> for links. The <html> tag marks the beginning and end of an HTML document. CSS can be used to style HTML elements by specifying rules that select elements and declare how they should be displayed. The document provides examples of common HTML tags and their usage to structure text content, add images, and create internal and external links between pages on a website.

Uploaded by

Vivek Kumar
Copyright
© Public Domain
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 5

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

You might also like