Hyper Text Mark Up Language
HTML
What is HTML?
• HTML stands for Hyper Text Markup Language
• It is the set of instructions hidden behind every web page
(called the source of the page)
• HTML “tags” tell the browser (like Internet Explorer) how
to display the page.
• For example, <B>HI THERE</B> would display the words
HI THERE in bold.
What is HTML?
• HTML “tags” are contained within < >
• The letters inside the < > are the instructions (like <B> for
bold) and may be upper or lower case.
• Tags often come in pairs…one to begin a feature, and
another to end it.
• In the previous example, <B> means “begin bold here”
and </B> means “end bold here”.
HTML Structure
• Each web page has a HEAD and a BODY.
• All web pages have required tags like these:
<HTML> {begin the page}
<HEAD> {some set up instructions
</HEAD> are here}
<BODY> {the main part of the page
</BODY> is here}
</HTML> {end the page}
HTML Structure
• The HEAD section often contains tags to display a page
title.
• The title is displayed at the top of the window (not on the
page).
• Here is an example: My Web Page
<HEAD>
<TITLE>My Web Page</TITLE>
</HEAD>
HTML Structure
• The BODY section contains all the instructions for the
actual page display.
• Inside the body section of a web page you will find tags
that control text, graphics, lines, links, tables and other
special functions.
• Remember that some, but not all, tags come in pairs.
Basic Tag Command in HTML
1. <HTML> refers to a tag that declares the CONTENT as
an HTML document
Syntax:
<HTML>statement and tags</HTML>
2. <HEAD> refers to a tag that is placed at the beginning of
the other HTML tags:
Syntax:
<HEAD>java script or cascading style sheet(CCS)code</HEAD>
Basic Tag Command in HTML
3. <TITLE> refers to a tag that displays a text in the title bar
Syntax:
<TITLE>This is my project</TITLE>
4. <BODY> refers to a tag that modifies the content body of
the web page.
Syntax:
<BODY BGCOLOR=”GREEN”>statement</BODY>
Basic Tag Command in HTML
• Parameter:
BGCOLOR= changes the background color
BACKGROUND=changes the image of the web page
Syntax:
<BODY BACKGROUND=”PICTURE.JPG”>
5. <B> means bold and refers to a tag that changes the text to
boldface
Syntax:
<B>AdU</B>
Basic Tag Command in HTML
6. <I> means italic, it refers to a tag that change the text to
italic
Syntax:
<I>AdU</I>
7. <U> means underline, it refers to a tag that underlines a
text
Syntax:
<U>AdU</U>
Basic Tag Command in HTML
8. <FONT>refers to a tag that modifies the text font
Syntax:
<FONT COLOR=”BLUE” SIZE=5 FACE=”TIMES NEW ROMAN”>
Parameter:
COLOR=changes the font color of the text
SIZE=changes the font size of the text
FACE=changes the font face of the text
Basic Tag Command in HTML
9. <BR> means break, it refers to a tag that is used to place
the text to the next line
Syntax:
<BR> AdU
10. <IMG SRC> means the image source and it refers to a
tag that is used to insert picture to the web page.
Syntax:
<IMG SRC=”PICTURE1.JPG” HEIGHT=100 WIDTH=100>
Basic Tag Command in HTML
Parameter:
HEIGHT=changes the height of the picture
WIDTH=changes the width of the picture
11. <A HREF> means anchor hyper reference it refers to a tag
that is used to make a text or image a hyperlink
Syntax:
<A HREF=”SAMPLE.HTML”>next page</A>
Basic Tag Command in HTML
12. <TABLE> refers to a tag that it used to add a table in a
web page
Syntax:
<TABLE BORDER=1>
statement
</TABLE>
Basic Tag Command in HTML
13. <TH> means table header and refers to a tag that is
placed in the first column of the table row
Syntax:
<TH>NAMES</TH>
14. <TR> means table row and refers to a tag that adds a
row to a table
Syntax:
<TR> </TR>
Basic Tag Command in HTML
15. <TD> means table distance and refers to a tag that
adds a column in a table.
Syntax:
<TD>JOSE RIZAL</TD>
16. <MARQUEE> refers to a tag that is used to move text
or image in the web page
Syntax:
<MARQUEE>AdU</MARQUEE>
Basic Tag Command in HTML
17. <CENTER> refers to a tag that i used to put text in the
center
Syntax:
<CENTER>AdU</CENTER>
18.<!-- -->refers to a tag that is used to indicate a remark
about the web page.
Syntax:
<!---->Remark
Basic Tag Command in HTML
19. <OL> means ordered list and a tag that indicates the
name of a list of ordered items
Syntax:
<OL>List of Students</OL>
20. <LI> means list a tag that indicates the item of each list
Syntax:
<LI>Jose Rizal</LI>
Basic Tag Command in HTML
21. <H1> means header1 a tag that increases the size of
the text
Syntax:
<H1>AdU</H1>
22. <FORM> refers to a tag that is used for adding objects
to the web page
Syntax:
<FORM> </FORM>
