Sie sind auf Seite 1von 3

HTML is the bones of a website.

HTML (HYPERTEXT MARKUP LANGUAGE)


URL (UNFIFORM RESOURCE LOCATOR)
<!DOCTYPE HTML> - Should be written on TOP.
<html> </html> - Should be written for ALL words to come
in sentence form.For E.G.-<html> I
am
Naman.
</html>
It will come as - I am NAMAN. And written in the end to
close PROGRAM.
<head> </head> - Anything in between
will be the HEADING OF THE WEBPAGE.Not written usually.
<title> </title> - Should be written inside of
<head> </head> - It will show on the place of NEW TAB
where GOOGLE is written.
<body> </body> - Used to write the BODY and details.
<p> </p> - Should be written inside <body> </body>
to create different PARAGRAPHS.
<h1> </h1> - Should be written on top of <p> </p>
inside <body> </body> it is used to give HEADING TO A
PARAGRAPH.Heading has six sizes also <h1> </h1> being
the biggest and <h6> </h6> being the smallest.
<strong> </strong> - Will make the text or word in
between BOLD.
<img src="ANY IMAGE URL" /> - Used to add IMAGE by
copying image URL and putting it in quotes should be
inside <body> </body> tag.
<a href="SITE URL"</a> - Used to just give a link.
You can even link text to a website. For E.G.<a href="www.google.co.in">GOOGLE</a>
Then you can click the word GOOGLE and the website of
google will open.
<a href="WEBSITE URL" </a> - Used to give a link to a
picture. For E.G.- You click a picture and then it
opens it main link where the photo originally was.
It should be like this E.G. <a href="www.google.co.in"
<img src="IMAGE URL"</a>
First we put the hyperlink which is <a href
then the IMAGE link and in the end </a> instead of/>.
<ol> </ol> - It is used to make NUMBERED LISTS.
<li> </li> - It should be inside <ol> </ol> and is used
to NUMBER OR BULLET POINT INDIVIDUAL ITEMS.
<ul> </ul> - It is used to make BULLET POINTED lists.
<!-- --> - To make text into a comment.

<p style="font-size:10px"> - Used to make size of


PARAGRAPH BIGGER accordingly to the pixels or px we
enter.It should be on the first tag and the end tag
should be </p>.
<p style="color:violet"> - It changes the COLOR of the
TEXT.
<p style="color:red;font-size:10px"> - To change the
COLOR and FONT of the text.
<p style="font-family:Impact"> - It changes the FONT
TYPE.
<body style="background-color:yellow"> - Used to change
the BACKGROUND COLOR.
<li style="text-align:right"> - Used to ALIGN TEXT.
<div style="width:50px;height:50px;background-color:>
</div> - It is used to DIVIDE the page into containers and can
be of different colors.
<span style="color:red"> </span> - It is used to style
smaller parts of a website like a WORD.

NOTE - ALL STYLE TYPES CAN BE USED WITH ALL TAGS AND
ALL CAN BE USED TOGETHER. FOR E.G.<li style="font-size:10px;font-family:Impact">.
<p style="color:red;background-color:yellow">.
<body style="text-align:center">.
<div style="width:10px;height:20px;background-color:
red">
<span style="color:red;font-family:Helvetica">

<em> </em> - It is used ITALICIZE the text or word in


between.
<table> </table> - Used to create a TABLE.
<table border="Any number of px"> - To set the
THICKNESS of the table.
<tr> </tr> - It makes a table ROW.Should not be empty.
<td> </td> - The TABLE DATA is written in it and it is
inside <tr> </tr>.
<thead> </thead> - It is inside <table> </table> and
it contains information about a table.
<tbody> </tbody> - It is inside <table> </table> and
it contains actual data.
<th> </th> - It is inside <thead> </thead> and <tr>

</tr> to make it into a ROW used to make TABLE HEADER


CELLS.
<th colspan="2"> - It is used to increase COLUMN SPAN.

Das könnte Ihnen auch gefallen