Introduction To HTML

Introduction to HTML
What is HTML?
 HTML (Hypertext Markup Language)
 It is a mark up language.
A Computer Language use to add objects
and information to a Web Page.
Webpage and Website
A webpage is a single page that contains text with

hyperlinks.
A website refers to an internet service that contains

information composed of a group of web pages.
HTML TAGS
 A HTML tags refers to an HTML command that is used to develop

and design the webpage.
Basic Tag Command in HTML
 <HTML> Refers to a tag that declares the content
as an HTML document
Syntax:
<HTML> </HTML>
 <HEAD> refers to a tag that is placed at the beginning of the other
HTML tags.
Syntax:
<HEAD > </HEAD>
 <TITLE> refers to a tag that displays a text in the title bar.
Syntax:
<Title>Sample TITLE</title>
Input Output
 <BODY> refers to a tag that modifies the

content body of the web page.
Syntax:
<BODY BGCOLOR=“GRAY”>Statement</BODY> or
<BODY BACKGROUND=“ 1.jpg”>
Input Output
If you want to see your background full on your webpage just add this code:
TIP style =" background-size:cover;“ after the declaration of the image.
 <H1> means header1 a tag that increases the size of the text.
Syntax:
 means bold and refers to a tag that changes the
text to boldface
Syntax:
 Hi Selena Gomez ng Fatima
 means italic it refers to a tag that change the text to italic.
Syntax
Hi Selena Gomez ng Fatima
 means underline it refers to a tag that underlines a text.
Syntax:
 i>Hi Selena Gomez ng Fatima 
 refers to a tag that modifies the text font.
Syntax
 Hi Selena Gomez ng Fatima ! 
 refers to a tag that displays as a paragraph.

Syntax:

 <hr> refers to a tag that adds a horizontal line.

Syntax:
<hr>
 means break it refers to a tag move the text or object to the
next line.
Syntax:
 Cute mo talaga as in !
 &nbsp tag that add space to the text.
Syntax:
&nbsp
 <CENTER> refers to a tag that is used to put text in the center .
Syntax:
<CENTER>HI Selena Gomez ng Fatima</CENTER>
 <MARQUEE> refers to a tag that is used to move text or image in the web
page.
Syntax:
<MARQUEE>FATIMA</MARQUEE>
 <!-- -- > refers to a tag that is used to indicate a remark about the web page.
Syntax:
<!–- This is my project -- >
 Types of HTML TAGS
 Container Tags have both opening and closing tags and are used to surround text within your document
for presentation by the tag.
 The Closing tag name Is ended by a forward slash.
Eg.
Hello Fatima
 I am Selena
 Empty Tags use only an opening and tell the browser to perform an instruction such as breaking the to the
next line, inserting a horizontal line or inserting an image.
Ex.
 , <hr>
<img src=“samplepic.jpg”>
 <S> is used to define strikethrough text.
Syntax:
<S> </S> or <STRIKE> </STRIKE>
 tag defines superscript text

Syntax:
 
 > tag defines superscript text

Syntax:
Text 
Lists
 Three types of lists.
 Ordered lists (numbered lists),

 Unordered lists (bullet lists)
 definition lists.
• Ordered Lists
An ordered list (numbered list) needs to have a <OL> tag before the list
begins and a </OL> tag after the list finishes.
Each paragraph in the list needs to begin with a list item tag <LI> instead of
the usual tag.
If you want your list to have letters or roman numerals instead of numbers,
then you can include a TYPE attribute in your <OL> tag to specify the kind of
list you want. The choices are 1, a, A, i, I..
If you want to make your list start from a certain number you can include a
START attribute which which specifies the beginning number.
 <ol> means ordered list and a tag that indicates the name of a list or ordered items.
Syntax:
<ol>
</ol>
 <li>means list a tag that indicates the item of each list.

Syntax:
<LI> Una ako bes </Li>
<Li> Pangalawa ako bes </li>
<Li> Pangatlo ako bes </li>
• Unordered Lists
Unordered lists (bulleted lists) are the same as ordered except

that the <OL> tag is replaced with a <UL> tag.
If you want to change the type of bullet then the choices for the
TYPE attribute are disc (default), square and circle. There is no
START attribute.
• Definition List
Definition lists begin with a <DL> tag and end with a closing </DL> tag.
Each paragraph within the list is either a definition term which starts with a <DT> tag, or a
definition description which starts with a <DD> tag.
The descriptions are usually indented in the web browser. These lists can be used for a lot more than
just definitions.
 The <HR> element causes the browser to display a horizontal line (rule) in your document.
 Horizontal rules give you a way to visually separate sections of your document.
Example:
<BODY>
This text is directly above the rule.<HR>
And this text is immediately below
Whereas this text will have space before the rule.<HR>
And this text has space after the rule.
</BODY>
 Key attributes for use with the <HR> element:
 <IMG SRC> means image source and it refers to a tag is used to
insert picture to the webpage.
Syntax:
<img src=‘nameofthepic.jpg’ height=“250” width=350”>
 Links
Gives the location and filename of a document.
Creating Links
 It uses the <A> </A> stands for anchor .

 Use href attribute to create a hypertext link, or
hyperlink.
 HREF attribute , short for “Hypertext Reference” is used

to specify the name or URL of the file where this link
points.
 Paths
These are te address of a computer or the address of a
document or file to be included to the web page.
 Absolute Path- where the complete path is specified.
Example:
 http://www.facebook.com
 Paths
 Relative Path- specifies a location that is relative to the
current location of the file containing the link.
Example:
 Rhea/gg.html
 <A HREF> it refers to a tag that is used to make a text or image a
hyperlink.
Syntax<a href=“sample.html”>Next Page</a>
Another Example:
<a href=“sample.html”><img src="gg.jpg" width= 25 height=25></a>

Introduction To HTML

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Introduction To HTML

Hochgeladen von

Copyright:

Verfügbare Formate

Introduction to HTML

 HTML (Hypertext Markup Language)

A webpage is a single page that contains text with

A website refers to an internet service that contains

 A HTML tags refers to an HTML command that is used to develop

 <BODY> refers to a tag that modifies the

 <p> refers to a tag that displays as a paragraph.

 <hr> refers to a tag that adds a horizontal line.

 <SUP> tag defines superscript text

 <SUB> </SUB> > tag defines superscript text

 Three types of lists.

 Ordered lists (numbered lists),

 <li>means list a tag that indicates the item of each list.

Unordered lists (bulleted lists) are the same as ordered except

 It uses the <A> </A> stands for anchor .

 HREF attribute , short for “Hypertext Reference” is used

Das könnte Ihnen auch gefallen