Post on 14-Dec-2015
1
Lesson 5
2
R3
R1
R5
R4
R6
R2 B B
A A
140.57
100
3
Looking at the Code
•Under the View menu
•Select Source
4
A Simple HTML document
<HTML><HEAD>
<TITLE> My first page</TITLE></HEAD>
<BODY>A simple page with just this sentence</BODY>
</HTML>
5
6
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>
7
More Text Formatting
• Bold <b> and </b>
• Italics <i> and </i>
• Underlined <u> and </u>
• BIG <big> and </big>
• small <small> and </small>
8
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>
9
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>
10
11
12
<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>
13
Image example
14
<HTML>
<BODY>
<HI>On Sale Cassettes</H1>
<Img Src=“cassette.gif”>
</Body>
</HTML>