![Page 1: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/1.jpg)
1
After completing this lesson, you will be able to:
• Understand the basics of HTML coding.
• Use HTML tags.
• Plan an HTML site.
• Create a table with HTML.
• Assemble a home page and subpages using HTML.
![Page 2: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/2.jpg)
2
!DOCTYPE
• CSS and HTML 4.01 standards:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
• HTML 4.01 standards and deprecated HTML elements and attributes (most of which concern visual presentation):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http:// www.w3.org/TR/html4/loose.dtd">
• HTML 4.01, deprecated HTML elements and attributes, and frames:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
![Page 3: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/3.jpg)
3
HTML Document Information
HTML text documents contain:
• Content – Text and graphic references
• HTML commands – Control how content displays
![Page 4: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/4.jpg)
4
Opening a Text Editor
• Notepad—Click Start, point to Programs, point to Accessories, and then click Notepad.
• WordPad—Click Start, point to Programs, point to Accessories, and then click WordPad.
• TextEdit—Double-click the TextEdit icon on the hard disk.
![Page 5: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/5.jpg)
5
Text Editor Views
![Page 6: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/6.jpg)
6
HTML Rule #1
HTML tags consist of commands that appear within angle brackets (<>).
<HTML>
![Page 7: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/7.jpg)
7
HTML Rule #2
HTML tags are not case-sensitive.
<HTML> <html> <HtMl>
![Page 8: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/8.jpg)
8
HTML Rule #3
HTML tags almost always come in pairs.
<HTML></HTML>
![Page 9: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/9.jpg)
9
Tag Pairs
<P>Do you want <I>butter flavoring</I> on your <B>popcorn</B> or do you like it plain?</P>
![Page 10: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/10.jpg)
10
HTML Rule #4
Nested HTML tags should close in the reverse order in which they open.
<HTML> <P> <B> </B> </P> </HTML>
![Page 11: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/11.jpg)
11
HTML Rule #5
By default, HTML documents display a single space between text elements.
<I>Music Instruction</I>
<I>Music Instruction</I>
<I> Music Instruction </I>
<I>Music Instruction</I>
![Page 12: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/12.jpg)
12
HTML Spacing
![Page 13: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/13.jpg)
13
HTML Rule #6
Some opening HTML tags can contain properties (also called attributes) that further refine an HTML tag’s instructions.
<FONT COLOR="green">grass</FONT>
![Page 14: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/14.jpg)
14
HTML Rule #7
Numerous variations exist when it comes to the HTML nesting theme, properties, and use of tag sets.
![Page 15: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/15.jpg)
15
File Organization
![Page 16: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/16.jpg)
16
Save, Save, Save!
• Press Ctrl+S
• Click File, and choose Save
• Click (if available)
![Page 17: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/17.jpg)
17
Previewing
• Display the contents of the folder containing the HTML document and double-click the HTML document’s icon.
• Open a browser application (such as Internet Explorer), and type in the HTML file’s location.
• Open a browser application, open the folder containing the HTML document, and drag the HTML file’s icon from its folder into the browser window or the browser’s Address bar.
![Page 18: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/18.jpg)
18
Knowledge
• Understand basic HTML rules.
• Realize that the importance of saving HTML documents and images in designated
• Recognize the importance of saving often.
• Recognize the importance of previewing Web pages throughout the creation process.
![Page 19: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/19.jpg)
19
Storyboard
![Page 20: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/20.jpg)
20
Home Page Sketch
![Page 21: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/21.jpg)
21
Button Graphics
![Page 22: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/22.jpg)
22
Title Bar Banner Graphic
![Page 23: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/23.jpg)
23
Standard HTML Tags
![Page 24: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/24.jpg)
24
<BODY> Tag Attributes
![Page 25: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/25.jpg)
25
Table Tags
• <TABLE></TABLE> delineates the start and end of a table.
• <TR></TR> indicates a table row.
• <TD></TD> defines the start and end of a cell within a table.
![Page 26: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/26.jpg)
26
Table Code
![Page 27: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/27.jpg)
27
Logo Code
![Page 28: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/28.jpg)
28
Banner Graphic Code
![Page 29: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/29.jpg)
29
Preview: Table, Logo, Banner
![Page 30: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/30.jpg)
30
Navigation Bar Code
![Page 31: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/31.jpg)
31
Preview: Navigation Bar
![Page 32: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/32.jpg)
32
Footer Information
• Graphic• Address • Phone number• Text links that correspond to navigation bar • Copyright text
![Page 33: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/33.jpg)
33
Finished Footer
![Page 34: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/34.jpg)
34
Footer Code
![Page 35: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/35.jpg)
35
Subpages
• index.html• lessons.html• recitals.html• competitions.html• performances.html• background.html• contact.html
![Page 36: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/36.jpg)
36
Subpage Files
![Page 37: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/37.jpg)
37
Subpage Code
![Page 38: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/38.jpg)
38
Navigation Bar Test
![Page 39: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/39.jpg)
39
Headings
![Page 40: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/40.jpg)
40
<FONT> Tag Attributes
![Page 41: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/41.jpg)
41
Paragraph Content Code
![Page 42: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/42.jpg)
42
Preview: Content
![Page 43: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/43.jpg)
43
Block Quote Code
![Page 44: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/44.jpg)
44
Preview: Block Quotes
![Page 45: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/45.jpg)
45
Unnumbered List
![Page 46: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/46.jpg)
46
List Code
![Page 47: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/47.jpg)
47
Color Page
![Page 48: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/48.jpg)
48
Template
![Page 49: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/49.jpg)
49
Next Step
Creating Web Sites with FrontPage
![Page 50: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/50.jpg)
50
Exercise 1
![Page 51: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/51.jpg)
51
Exercise 2
![Page 52: 1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML](https://reader035.vdocuments.site/reader035/viewer/2022062519/5697c0241a28abf838cd4763/html5/thumbnails/52.jpg)
52
Exercise 3