HTML PROJECT #3 Project 3 Creating Web Pages with Links, Images, and Formatted Text.
-
Upload
spencer-horton -
Category
Documents
-
view
215 -
download
0
Transcript of HTML PROJECT #3 Project 3 Creating Web Pages with Links, Images, and Formatted Text.
![Page 1: HTML PROJECT #3 Project 3 Creating Web Pages with Links, Images, and Formatted Text.](https://reader030.fdocuments.us/reader030/viewer/2022032708/56649e7c5503460f94b7f07a/html5/thumbnails/1.jpg)
HTMLPROJECT #3
Project 3
Creating Web Pages with Links, Images, and
Formatted Text
![Page 2: HTML PROJECT #3 Project 3 Creating Web Pages with Links, Images, and Formatted Text.](https://reader030.fdocuments.us/reader030/viewer/2022032708/56649e7c5503460f94b7f07a/html5/thumbnails/2.jpg)
2HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text
Vocabulary
• sup • A text formatting tag used to display text as superscript
• Superscript shows text above regular text
• 103 shows the number 3 as superscript.
![Page 3: HTML PROJECT #3 Project 3 Creating Web Pages with Links, Images, and Formatted Text.](https://reader030.fdocuments.us/reader030/viewer/2022032708/56649e7c5503460f94b7f07a/html5/thumbnails/3.jpg)
3HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text
Vocabulary
• bullettype • An attribute used with the HTML tag <ul> to define the type of bullet used in a bulleted list
![Page 4: HTML PROJECT #3 Project 3 Creating Web Pages with Links, Images, and Formatted Text.](https://reader030.fdocuments.us/reader030/viewer/2022032708/56649e7c5503460f94b7f07a/html5/thumbnails/4.jpg)
4HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text
Vocabulary
• strong • A text formatting tag used to display text with strong emphasis (usually appears as bold)
![Page 5: HTML PROJECT #3 Project 3 Creating Web Pages with Links, Images, and Formatted Text.](https://reader030.fdocuments.us/reader030/viewer/2022032708/56649e7c5503460f94b7f07a/html5/thumbnails/5.jpg)
5HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text
Vocabulary
• pre • A text formatting tag used to set text as preformatted text
![Page 6: HTML PROJECT #3 Project 3 Creating Web Pages with Links, Images, and Formatted Text.](https://reader030.fdocuments.us/reader030/viewer/2022032708/56649e7c5503460f94b7f07a/html5/thumbnails/6.jpg)
6HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text
Vocabulary
• background • An attribute used with the HTML tag <body> to add a background image to a Web page
![Page 7: HTML PROJECT #3 Project 3 Creating Web Pages with Links, Images, and Formatted Text.](https://reader030.fdocuments.us/reader030/viewer/2022032708/56649e7c5503460f94b7f07a/html5/thumbnails/7.jpg)
7HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text
Vocabulary
• tt • A text formatting tag used to display text as teletype or monospace text
![Page 8: HTML PROJECT #3 Project 3 Creating Web Pages with Links, Images, and Formatted Text.](https://reader030.fdocuments.us/reader030/viewer/2022032708/56649e7c5503460f94b7f07a/html5/thumbnails/8.jpg)
8HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text
Vocabulary
• small • A text formatting tag used to specify text that is smaller in comparison to surrounding text
![Page 9: HTML PROJECT #3 Project 3 Creating Web Pages with Links, Images, and Formatted Text.](https://reader030.fdocuments.us/reader030/viewer/2022032708/56649e7c5503460f94b7f07a/html5/thumbnails/9.jpg)
9HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text
Vocabulary
• alink • An attribute used with the HTML tag <body> to specify the color of an active link
![Page 10: HTML PROJECT #3 Project 3 Creating Web Pages with Links, Images, and Formatted Text.](https://reader030.fdocuments.us/reader030/viewer/2022032708/56649e7c5503460f94b7f07a/html5/thumbnails/10.jpg)
10HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text
Vocabulary
• Thumbnail Image • A smaller version of a large image, usually used as a link to the large image
![Page 11: HTML PROJECT #3 Project 3 Creating Web Pages with Links, Images, and Formatted Text.](https://reader030.fdocuments.us/reader030/viewer/2022032708/56649e7c5503460f94b7f07a/html5/thumbnails/11.jpg)
11HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text
Vocabulary
• Home Page • The main page of a Web site
![Page 12: HTML PROJECT #3 Project 3 Creating Web Pages with Links, Images, and Formatted Text.](https://reader030.fdocuments.us/reader030/viewer/2022032708/56649e7c5503460f94b7f07a/html5/thumbnails/12.jpg)
12HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text
Vocabulary
• vlink • An attribute used with the HTML tag <body> to specify the color of a visited link
![Page 13: HTML PROJECT #3 Project 3 Creating Web Pages with Links, Images, and Formatted Text.](https://reader030.fdocuments.us/reader030/viewer/2022032708/56649e7c5503460f94b7f07a/html5/thumbnails/13.jpg)
13HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text
Vocabulary
• mailto: • An attribute used with the HTML code href to specify an e-mail link
![Page 14: HTML PROJECT #3 Project 3 Creating Web Pages with Links, Images, and Formatted Text.](https://reader030.fdocuments.us/reader030/viewer/2022032708/56649e7c5503460f94b7f07a/html5/thumbnails/14.jpg)
14HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text
Vocabulary
• sub • A text formatting tag used to display text as subscript
![Page 15: HTML PROJECT #3 Project 3 Creating Web Pages with Links, Images, and Formatted Text.](https://reader030.fdocuments.us/reader030/viewer/2022032708/56649e7c5503460f94b7f07a/html5/thumbnails/15.jpg)
15HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text
Vocabulary
• big • A text formatting tag used to specify text that is larger in comparison to surrounding text
![Page 16: HTML PROJECT #3 Project 3 Creating Web Pages with Links, Images, and Formatted Text.](https://reader030.fdocuments.us/reader030/viewer/2022032708/56649e7c5503460f94b7f07a/html5/thumbnails/16.jpg)
16HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text
Vocabulary
• Text Link • One or several words used as link; usually displays as underlined and in a different color
![Page 17: HTML PROJECT #3 Project 3 Creating Web Pages with Links, Images, and Formatted Text.](https://reader030.fdocuments.us/reader030/viewer/2022032708/56649e7c5503460f94b7f07a/html5/thumbnails/17.jpg)
17HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text
Vocabulary
• hspace • An attribute used with the HTML tag <img> to display horizontal space to the left and right of an image
![Page 18: HTML PROJECT #3 Project 3 Creating Web Pages with Links, Images, and Formatted Text.](https://reader030.fdocuments.us/reader030/viewer/2022032708/56649e7c5503460f94b7f07a/html5/thumbnails/18.jpg)
18HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text
Vocabulary
• blockquote • A text formatting tag used to designate a long quotation
![Page 19: HTML PROJECT #3 Project 3 Creating Web Pages with Links, Images, and Formatted Text.](https://reader030.fdocuments.us/reader030/viewer/2022032708/56649e7c5503460f94b7f07a/html5/thumbnails/19.jpg)
19HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text
Vocabulary
• em • A text formatting tag used to display text with emphasis (usually appears as italicized)
![Page 20: HTML PROJECT #3 Project 3 Creating Web Pages with Links, Images, and Formatted Text.](https://reader030.fdocuments.us/reader030/viewer/2022032708/56649e7c5503460f94b7f07a/html5/thumbnails/20.jpg)
20HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text
Vocabulary
• href • An attribute used with the HTML tag <a> to specify the URL of the linked page or file
![Page 21: HTML PROJECT #3 Project 3 Creating Web Pages with Links, Images, and Formatted Text.](https://reader030.fdocuments.us/reader030/viewer/2022032708/56649e7c5503460f94b7f07a/html5/thumbnails/21.jpg)
21HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text
Vocabulary
• HTML tag • A feature of the HTML language used to define and format text
![Page 22: HTML PROJECT #3 Project 3 Creating Web Pages with Links, Images, and Formatted Text.](https://reader030.fdocuments.us/reader030/viewer/2022032708/56649e7c5503460f94b7f07a/html5/thumbnails/22.jpg)
22HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text
Vocabulary
• border • An attribute used with the HTML tag <img> to indicate the size of the border of the image
![Page 23: HTML PROJECT #3 Project 3 Creating Web Pages with Links, Images, and Formatted Text.](https://reader030.fdocuments.us/reader030/viewer/2022032708/56649e7c5503460f94b7f07a/html5/thumbnails/23.jpg)
23HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text
Vocabulary
• type • An attribute used with the HTML tag <a> to specify the content type of the linked page or file
![Page 24: HTML PROJECT #3 Project 3 Creating Web Pages with Links, Images, and Formatted Text.](https://reader030.fdocuments.us/reader030/viewer/2022032708/56649e7c5503460f94b7f07a/html5/thumbnails/24.jpg)
24HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text
Vocabulary
• alt • An attribute used with the HTML tag <img> to display text while an image is loading
![Page 25: HTML PROJECT #3 Project 3 Creating Web Pages with Links, Images, and Formatted Text.](https://reader030.fdocuments.us/reader030/viewer/2022032708/56649e7c5503460f94b7f07a/html5/thumbnails/25.jpg)
25HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text
Vocabulary
• Target • A named location used as the destination for a link
![Page 26: HTML PROJECT #3 Project 3 Creating Web Pages with Links, Images, and Formatted Text.](https://reader030.fdocuments.us/reader030/viewer/2022032708/56649e7c5503460f94b7f07a/html5/thumbnails/26.jpg)
26HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text
Vocabulary
• Left-aligned • An attribute used with the HTML heading tag to indicate that the heading is aligned to the left
![Page 27: HTML PROJECT #3 Project 3 Creating Web Pages with Links, Images, and Formatted Text.](https://reader030.fdocuments.us/reader030/viewer/2022032708/56649e7c5503460f94b7f07a/html5/thumbnails/27.jpg)
27HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text
Vocabulary
• rel • An attribute used with the HTML tag <a> to indicate a forward relationship
![Page 28: HTML PROJECT #3 Project 3 Creating Web Pages with Links, Images, and Formatted Text.](https://reader030.fdocuments.us/reader030/viewer/2022032708/56649e7c5503460f94b7f07a/html5/thumbnails/28.jpg)
28HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text
Vocabulary
• rev • An attribute used with the HTML tag <a> to indicate a reverse relationship
![Page 29: HTML PROJECT #3 Project 3 Creating Web Pages with Links, Images, and Formatted Text.](https://reader030.fdocuments.us/reader030/viewer/2022032708/56649e7c5503460f94b7f07a/html5/thumbnails/29.jpg)
29HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text
Vocabulary
• Image Link • An image used as a hyperlink
![Page 30: HTML PROJECT #3 Project 3 Creating Web Pages with Links, Images, and Formatted Text.](https://reader030.fdocuments.us/reader030/viewer/2022032708/56649e7c5503460f94b7f07a/html5/thumbnails/30.jpg)
30HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text
Vocabulary
• E-mail link • A link that opens a new message in the default e-mail program, with the appropriate e-mail address
![Page 31: HTML PROJECT #3 Project 3 Creating Web Pages with Links, Images, and Formatted Text.](https://reader030.fdocuments.us/reader030/viewer/2022032708/56649e7c5503460f94b7f07a/html5/thumbnails/31.jpg)
31HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text
Vocabulary
• vspace • An attribute used with the HTML tag <img> to display vertical space above and below an image