1 Lesson 5. 2 R3 R1 R5 R4 R6 R2 B B A A 140.57 100.

14
1 Lesson 5

Transcript of 1 Lesson 5. 2 R3 R1 R5 R4 R6 R2 B B A A 140.57 100.

Page 1: 1 Lesson 5. 2 R3 R1 R5 R4 R6 R2 B B A A 140.57 100.

1

Lesson 5

Page 2: 1 Lesson 5. 2 R3 R1 R5 R4 R6 R2 B B A A 140.57 100.

2

R3

R1

R5

R4

R6

R2 B B

A A

140.57

100

Page 3: 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

Page 4: 1 Lesson 5. 2 R3 R1 R5 R4 R6 R2 B B A A 140.57 100.

4

A Simple HTML document

<HTML><HEAD>

<TITLE> My first page</TITLE></HEAD>

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

</HTML>

Page 5: 1 Lesson 5. 2 R3 R1 R5 R4 R6 R2 B B A A 140.57 100.

5

Page 6: 1 Lesson 5. 2 R3 R1 R5 R4 R6 R2 B B A A 140.57 100.

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>

Page 7: 1 Lesson 5. 2 R3 R1 R5 R4 R6 R2 B B A A 140.57 100.

7

More Text Formatting

• Bold <b> and </b>

• Italics <i> and </i>

• Underlined <u> and </u>

• BIG <big> and </big>

• small <small> and </small>

Page 8: 1 Lesson 5. 2 R3 R1 R5 R4 R6 R2 B B A A 140.57 100.

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>

Page 9: 1 Lesson 5. 2 R3 R1 R5 R4 R6 R2 B B A A 140.57 100.

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>

Page 10: 1 Lesson 5. 2 R3 R1 R5 R4 R6 R2 B B A A 140.57 100.

10

Page 11: 1 Lesson 5. 2 R3 R1 R5 R4 R6 R2 B B A A 140.57 100.

11

Page 12: 1 Lesson 5. 2 R3 R1 R5 R4 R6 R2 B B A A 140.57 100.

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>

Page 13: 1 Lesson 5. 2 R3 R1 R5 R4 R6 R2 B B A A 140.57 100.

13

Image example

Page 14: 1 Lesson 5. 2 R3 R1 R5 R4 R6 R2 B B A A 140.57 100.

14

<HTML>

<BODY>

<HI>On Sale Cassettes</H1>

<Img Src=“cassette.gif”>

</Body>

</HTML>