0% found this document useful (0 votes)
6 views2 pages

Webpage Basics and HTML Elements

Uploaded by

ayaan20102110
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
6 views2 pages

Webpage Basics and HTML Elements

Uploaded by

ayaan20102110
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

Definations:

website: A collection of webpages.

Audience: People who will look at your webpage.

Purpose: Reason you are creating a website e.g to entertain.

webpage: A single page in a website

HTML: The language used to create a webpage

Source code: The html language that is used to create a webpage

tag: A piece of code is used to add style or content to a webpage.

opening tag: Tag that goes at the start of the content.

closing tag: Tag that goes at the end of the content.

default setting: Setting that are intially applied to an element.

formatting: Changing the style of a webpage e.g color of a font.

navigation: it is used to move to different webpages of a website.

hyper link: Link that can be used navigte to a website.

attributes: It is characteristic of an element that is applied to webpage.

anchor: Text is used for link. It is anchor text that is clicked to follow a link.

image quality: This is how good an image look.

pixel: These are tiny dots and points. a lot of pixel makes up an imge.

supported fonts: These are fonts that can be used in every web-browser.

allignment: This is where text is placed. It could be right,left or center.

SOURCE CODES:

Source code: <!DOCTYPE html>


<html>
<head>
</head>
<body>
</body>
<html>

add tittle: <tittle> ABC </tittle.

add heading: <h1> ABC </h1>

add link: <a href ="[Link]> ABC</a>

add image: <img src="../website/images/oip">

add image size: <img src="../website/images/oip" width="200" height="100">


add image position: <img src="../website/images/oip" width="200" height="100"
style="float:right">

changing style of heading: <h1 style="font-family:arial"> ABC </h1>

changing style of para: <p1 style="font-family:arial"> ABC </p1>

changing size of text: <p1 style="font-family:arial;font-size:32pt"> ABC </p1>

changing color of text: <p1 style="font-family:arial;font-size:32pt;color:blue">


ABC </p1>

using hexadecimal colors: <p1 style="font-family:arial;font-


size:32pt;color:#4287f5"> ABC </p1>

posintiong text: <p1 style="font-family:arial;font-size:32pt;color:blue;text-


allign:center"> ABC </p1>

changing baackground: <body style="background-color:blue">

changing background behind text: <p1 style="font-family:arial;font-


size:32pt;color:blue;text-allign:center;background-color:yellow"> ABC </p1>

You might also like