You are on page 1of 14

Lesson 5

1
100

140.57 R1 R2 BB
AA

R3 R4

R5 R6

2
Looking at the Code

•Under the View menu


•Select Source

3
A Simple HTML document
<HTML>
<HEAD>
<TITLE> My first page</TITLE>
</HEAD>

<BODY>
A simple page with just this sentence
</BODY>

</HTML>
4
5
Text Formatting
• Paragraph <p> and </p>
<p>Education provides a better understanding of
life</p>
– <p Align=“Center”>e-commerce</p>
• You can also use Left or Right
• Line break <br>

• <center>Education provides a better


understanding of life </center>

6
More Text Formatting
• Bold <b> and </b>
• Italics <i> and </i>
• Underlined <u> and </u>
• BIG <big> and </big>
• small <small> and </small>

7
Font
• Font face
<font face=“Arial”>internet</font>

• Font size from 1 to 7


<font size=5>and</font>

• Font color
<font color= red>e-commerce</font>

• <font size=5 color=red face=Arial>internet and e-


commerce</font> 8
Example Code
<HTML>
<HEAD></HEAD>
<BODY>
<H1>This is my main title</H1>
<p>Here is the first paragraph. This is some
<b><i>bold text</i></b></p>
<p><font face=“Arial”>This text is in the Arial
font.</font>
</BODY>
</HTML> 9
10
11
<HTML><Body>
<UL>
<LI>Item1</LI>
<LI>Item2</LI>
<LI>Item3</LI>
</UL><P>
<OL>
<LI>Item1</LI>
<LI>Item2</LI>
<LI>Item3</LI>
</OL>
<P>
<hr width=50% size=5 Align= center noshade>
</Body></HTML>
12
Image example

13
<HTML>
<BODY>
<HI>On Sale Cassettes</H1>
<Img Src=“cassette.gif”>
</Body>
</HTML>

14

You might also like