Scribd
Upload
35 views

HTML

The document provides information on developing web pages from HTML. It discusses HTML structure using tags like <h1> for main headings. It also covers formatting text using tags like <p> for paragraphs and <br> for breaks. The document also describes how to change text appearance using tags like <b> for bold and attributes to specify font size and color. Finally, it discusses using lists in web pages with tags like <ul> for unnumbered lists and <ol> for numbered lists.

Uploaded by

Muhd Firdaus
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
35 views

HTML

The document provides information on developing web pages from HTML. It discusses HTML structure using tags like <h1> for main headings. It also covers formatting text using tags like <p> for paragraphs and <br> for breaks. The document also describes how to change text appearance using tags like <b> for bold and attributes to specify font size and color. Finally, it discusses using lists in web pages with tags like <ul> for unnumbered lists and <ol> for numbered lists.

Uploaded by

Muhd Firdaus
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 25

1

PART 1

DEVELOPING WEB PAGE


FROM HTML TO WEB PAGE
2

LESSON PLAN

HTML Structure

Creating Heading

Formatting Web Page


FROM HTML TO WEB PAGE
3

LESSON PLAN

Changing the Way Text Looks

Attributes

Using List in Web Page


Contains information
about the document that HTML Structure
is not generally displayed
with the document.

Designate what will


appear in the title bar
at the top of the
browser

< > </>


Beginning and Ending tags

Use notepad and save as .html or .htm


Creating Heading

Headings are defined with the <h1> to <h6> tags.

<h1> defines the largest heading. <h6> defines


the smallest heading.

h1 headings should be used as main headings


followed by h2 headings, and less important used h3
headings and so on.
Creating Heading
Creating Heading
Formatting Web Page

Use <p> tags to indicate paragraph

Use <br> tags to indicate break when you want to


start a new line.
Formatting Web Page
Formatting Web Page
Changing the Way Text Looks

Opening tags Close tags Functions


<b> </b> boldface
<i> </i> Italic
<u> </u> Underline
<small> </small> Smaller text
<big> </big> Bigger text
<sup> </sup> Superscript text
<sub> </sub> Subscript text
<strike> </strike> Strikethrough text
Changing the Way Text Looks
Changing the Way Text Looks
Attributes

Telling tags what to do.

Attributes Opening Tags Closing


Tags
Change font size <font size=“+3”> </font>
Change font color <font color=“#FF0000”> </font>
Change font <font face=“arial”> </font>
type/style
Combination of all <font size=“+3” </font>
attributes color=“#FF0000” face=“arial”>

http://www.w3schools.com/tags/ref_colornames.asp
Attributes: HTML Code
Attributes: Web Page
Attributes: HTML Code
Attributes: Web Page
Using List in Web Page
HTML supports unnumbered, numbered and
definition lists.

Unnumbered Lists Start with an open list <ul> tags.


Enter the <li> tags for list items then
followed by the individual item.
No closing tag is needed.
End the entire list with a closing list
</ul> tags

My hobbies includes:
<ul>
<li> Reading
<li> Swimming
<li> Travelling
</ul>
Unnumbered
Lists
Using List in Web Page
HTML supports unnumbered, numbered and
definition lists.

Numbered Lists Also called an ordered list


Identical to an unnumbered list, except
it uses <ol> instead of <ul>

My hobbies includes:
<ol>
<li> Reading
<li> Swimming
<li> Travelling
</ol>
Using List in Web Page
HTML supports unnumbered, numbered and
definition lists.

Definition Coded as <dl>


Lists Usually consists of alternating a definition term <dt> and a
definition <dd>.
Web browsers generally format the definition on a new line
<dl>
EXAMPLE:
<dt>Chemical
<dd>It refers to a substance obtained by a chemical process or
producing a chemical effect
<dt>Engineering
<dd>is the use of scientific principles to design and build
machines, structures, and other items, including bridges,
tunnels, roads, vehicles, and buildings.
</dl>
Using List in Web Page
Using List in Web Page
25

THANK YOU
PRACTICE…PRACTICE..PRACTICE..
I KNOW YOU CAN DO IT

You might also like