SlideShare uma empresa Scribd logo
1 de 2
HTML Project 03: Creating, Editing, and Formatting Linked Web Pages

Project Outline                                                     Page
Objectives                                                                  70
Introduction                                                                70
Project Three - Plant World Web Site                                        71
  Starting Notepad                                                          72
Using Links on a Web Page                                                   72
  Linking to Another Web Page within the Same Web Site                      75
  Linking to a Web page in Another Web Site                                 76
  Linking within a Web Page                                                 77
  Linking to an E-Mail Address                                              77
Creating a Home Page                                                        78
  Entering HTML Tags to Define the Web Page Structure                       78
  Adding an Image                                                           79
  Adding a Left-Aligned Heading with a Font Color                           80
  Entering a Paragraph of Text                                              82
  Creating Unordered (Bulleted) Lists                                       83
  Adding a Background Image                                                 85
Adding a Text Link                                                          85
  Adding a Text Link to another Web Page within the Same Web Site           86
Adding an E-Mail Link                                                       88
  Saving and Printing the HTML File                                         89
Viewing, Testing Links, and Printing a Web Page                             90
Editing the Second Web Page                                                 94
  Formatting Text                                                           96
  Formatting Text in Bold                                                   96
  Formatting Text in Italics                                                98
  Format Text with a Font Color                                             99
Adding and Image with Wrapped Text                                         100
  Adding an Image with Wrapped Text                                        103
  Clearing the Text Wrapping                                               104
  Using Horizontal and Vertical Spacing                                    106
  Using Thumbnail Images                                                   106
  Obtaining Images                                                         107
Adding a Text Link to Another Web Site                                     108
  Adding a Text Link to a Web Page in Another Web Site                     108
Adding Links within A Web Page                                             109
  Setting Link Targets                                                     110
  Adding Links to Link Targets within a Web Page                           112
  Adding Links to a Link Target at the Top of the Page                     114
  Adding an Image Link to a Web Page                                       115
  Saving and Printing the HTML File and Web Page                           117
Project Summary                                            120
What You Should Know                                       120
Learn It Online                                            121
Apply Your Knowledge: Editing the AYK Web Page             122
In the Lab: Creating a Web Page with Target Links          124
In the Lab: Creating a Web Page with Wrapped Text          125
In the Lab: Composing Two Linked Web Pages                 127
Cases and Places                                           129


Assignments and Assessments
Project 03 Vocabulary Completion                    ExamView
Project 03 Reinforcement                            ExamView
Project 03 Tags                                     ExamView
Project 03 Objective Test                           ExamView
Project 03 Production Project                       Notepad++

Mais conteúdo relacionado

Mais de Angela Edel

Daily agenda unit 02 business communications
Daily agenda unit 02 business communicationsDaily agenda unit 02 business communications
Daily agenda unit 02 business communicationsAngela Edel
 
Daily Agenda Chapter 03 The Wide World of Sports and Entertainment
Daily Agenda Chapter 03 The Wide World of Sports and EntertainmentDaily Agenda Chapter 03 The Wide World of Sports and Entertainment
Daily Agenda Chapter 03 The Wide World of Sports and EntertainmentAngela Edel
 
Daily Agenda Project 03 Creating Web Pages with Links, Images, and Formatted ...
Daily Agenda Project 03 Creating Web Pages with Links, Images, and Formatted ...Daily Agenda Project 03 Creating Web Pages with Links, Images, and Formatted ...
Daily Agenda Project 03 Creating Web Pages with Links, Images, and Formatted ...Angela Edel
 
Chapter 03 The Wide World of Sports and Entertainment
Chapter 03 The Wide World of Sports and EntertainmentChapter 03 The Wide World of Sports and Entertainment
Chapter 03 The Wide World of Sports and EntertainmentAngela Edel
 
SLM Chapter 03 The Wide World of Sports and Entertainment
SLM Chapter 03 The Wide World of Sports and EntertainmentSLM Chapter 03 The Wide World of Sports and Entertainment
SLM Chapter 03 The Wide World of Sports and EntertainmentAngela Edel
 
Unit 02 Business Communications
Unit 02 Business CommunicationsUnit 02 Business Communications
Unit 02 Business CommunicationsAngela Edel
 
Daily Agenda Unit 02 Business Communications
Daily Agenda Unit 02 Business CommunicationsDaily Agenda Unit 02 Business Communications
Daily Agenda Unit 02 Business CommunicationsAngela Edel
 
SLM Unit 02 Business Communications
SLM Unit 02 Business CommunicationsSLM Unit 02 Business Communications
SLM Unit 02 Business CommunicationsAngela Edel
 
SLM Project 03 Creating Web Pages with Links, Images, and Formatted Text
SLM Project 03 Creating Web Pages with Links, Images, and Formatted TextSLM Project 03 Creating Web Pages with Links, Images, and Formatted Text
SLM Project 03 Creating Web Pages with Links, Images, and Formatted TextAngela Edel
 
Daily Agenda Project 03 Creating Web Pages with Links, Images, and Formatted ...
Daily Agenda Project 03 Creating Web Pages with Links, Images, and Formatted ...Daily Agenda Project 03 Creating Web Pages with Links, Images, and Formatted ...
Daily Agenda Project 03 Creating Web Pages with Links, Images, and Formatted ...Angela Edel
 
Project 03 Creating Web Pages with Links, Images, and Formatted Text - Tags a...
Project 03 Creating Web Pages with Links, Images, and Formatted Text - Tags a...Project 03 Creating Web Pages with Links, Images, and Formatted Text - Tags a...
Project 03 Creating Web Pages with Links, Images, and Formatted Text - Tags a...Angela Edel
 
Daily agenda project 02 creating and editing a web page
Daily agenda project 02 creating and editing a web pageDaily agenda project 02 creating and editing a web page
Daily agenda project 02 creating and editing a web pageAngela Edel
 
Project 03 Student Data Files
Project 03 Student Data FilesProject 03 Student Data Files
Project 03 Student Data FilesAngela Edel
 
Project 03 Creating Web Pages with Links, Images, and Formatted Text
Project 03 Creating Web Pages with Links, Images, and Formatted TextProject 03 Creating Web Pages with Links, Images, and Formatted Text
Project 03 Creating Web Pages with Links, Images, and Formatted TextAngela Edel
 
Project 03 Creating Web Pages with Links, Images, and Formatted Text
Project 03 Creating Web Pages with Links, Images, and Formatted TextProject 03 Creating Web Pages with Links, Images, and Formatted Text
Project 03 Creating Web Pages with Links, Images, and Formatted TextAngela Edel
 
Project 03 Creating Web Pages with Links, Images, and Formatted Text
Project 03 Creating Web Pages with Links, Images, and Formatted TextProject 03 Creating Web Pages with Links, Images, and Formatted Text
Project 03 Creating Web Pages with Links, Images, and Formatted TextAngela Edel
 
Project 02 Creating and Editing a Web Page - Tags and Attributes
Project 02 Creating and Editing a Web Page - Tags and AttributesProject 02 Creating and Editing a Web Page - Tags and Attributes
Project 02 Creating and Editing a Web Page - Tags and AttributesAngela Edel
 
Project 02 Creating and Editing a Web Page - Notes
Project 02 Creating and Editing a Web Page - NotesProject 02 Creating and Editing a Web Page - Notes
Project 02 Creating and Editing a Web Page - NotesAngela Edel
 
Project 02 Figures and Tables
Project 02 Figures and TablesProject 02 Figures and Tables
Project 02 Figures and TablesAngela Edel
 

Mais de Angela Edel (20)

Daily agenda unit 02 business communications
Daily agenda unit 02 business communicationsDaily agenda unit 02 business communications
Daily agenda unit 02 business communications
 
Daily Agenda Chapter 03 The Wide World of Sports and Entertainment
Daily Agenda Chapter 03 The Wide World of Sports and EntertainmentDaily Agenda Chapter 03 The Wide World of Sports and Entertainment
Daily Agenda Chapter 03 The Wide World of Sports and Entertainment
 
Daily Agenda Project 03 Creating Web Pages with Links, Images, and Formatted ...
Daily Agenda Project 03 Creating Web Pages with Links, Images, and Formatted ...Daily Agenda Project 03 Creating Web Pages with Links, Images, and Formatted ...
Daily Agenda Project 03 Creating Web Pages with Links, Images, and Formatted ...
 
Chapter 03 The Wide World of Sports and Entertainment
Chapter 03 The Wide World of Sports and EntertainmentChapter 03 The Wide World of Sports and Entertainment
Chapter 03 The Wide World of Sports and Entertainment
 
Sem chap 03
Sem chap 03Sem chap 03
Sem chap 03
 
SLM Chapter 03 The Wide World of Sports and Entertainment
SLM Chapter 03 The Wide World of Sports and EntertainmentSLM Chapter 03 The Wide World of Sports and Entertainment
SLM Chapter 03 The Wide World of Sports and Entertainment
 
Unit 02 Business Communications
Unit 02 Business CommunicationsUnit 02 Business Communications
Unit 02 Business Communications
 
Daily Agenda Unit 02 Business Communications
Daily Agenda Unit 02 Business CommunicationsDaily Agenda Unit 02 Business Communications
Daily Agenda Unit 02 Business Communications
 
SLM Unit 02 Business Communications
SLM Unit 02 Business CommunicationsSLM Unit 02 Business Communications
SLM Unit 02 Business Communications
 
SLM Project 03 Creating Web Pages with Links, Images, and Formatted Text
SLM Project 03 Creating Web Pages with Links, Images, and Formatted TextSLM Project 03 Creating Web Pages with Links, Images, and Formatted Text
SLM Project 03 Creating Web Pages with Links, Images, and Formatted Text
 
Daily Agenda Project 03 Creating Web Pages with Links, Images, and Formatted ...
Daily Agenda Project 03 Creating Web Pages with Links, Images, and Formatted ...Daily Agenda Project 03 Creating Web Pages with Links, Images, and Formatted ...
Daily Agenda Project 03 Creating Web Pages with Links, Images, and Formatted ...
 
Project 03 Creating Web Pages with Links, Images, and Formatted Text - Tags a...
Project 03 Creating Web Pages with Links, Images, and Formatted Text - Tags a...Project 03 Creating Web Pages with Links, Images, and Formatted Text - Tags a...
Project 03 Creating Web Pages with Links, Images, and Formatted Text - Tags a...
 
Daily agenda project 02 creating and editing a web page
Daily agenda project 02 creating and editing a web pageDaily agenda project 02 creating and editing a web page
Daily agenda project 02 creating and editing a web page
 
Project 03 Student Data Files
Project 03 Student Data FilesProject 03 Student Data Files
Project 03 Student Data Files
 
Project 03 Creating Web Pages with Links, Images, and Formatted Text
Project 03 Creating Web Pages with Links, Images, and Formatted TextProject 03 Creating Web Pages with Links, Images, and Formatted Text
Project 03 Creating Web Pages with Links, Images, and Formatted Text
 
Project 03 Creating Web Pages with Links, Images, and Formatted Text
Project 03 Creating Web Pages with Links, Images, and Formatted TextProject 03 Creating Web Pages with Links, Images, and Formatted Text
Project 03 Creating Web Pages with Links, Images, and Formatted Text
 
Project 03 Creating Web Pages with Links, Images, and Formatted Text
Project 03 Creating Web Pages with Links, Images, and Formatted TextProject 03 Creating Web Pages with Links, Images, and Formatted Text
Project 03 Creating Web Pages with Links, Images, and Formatted Text
 
Project 02 Creating and Editing a Web Page - Tags and Attributes
Project 02 Creating and Editing a Web Page - Tags and AttributesProject 02 Creating and Editing a Web Page - Tags and Attributes
Project 02 Creating and Editing a Web Page - Tags and Attributes
 
Project 02 Creating and Editing a Web Page - Notes
Project 02 Creating and Editing a Web Page - NotesProject 02 Creating and Editing a Web Page - Notes
Project 02 Creating and Editing a Web Page - Notes
 
Project 02 Figures and Tables
Project 02 Figures and TablesProject 02 Figures and Tables
Project 02 Figures and Tables
 

Último

Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application ) Sakshi Ghasle
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxheathfieldcps1
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdfQucHHunhnh
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdfSoniaTolstoy
 
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991RKavithamani
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppCeline George
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactPECB
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfciinovamais
 
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...RKavithamani
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...EduSkills OECD
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdfQucHHunhnh
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Celine George
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformChameera Dedduwage
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpinRaunakKeshri1
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationnomboosow
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3JemimahLaneBuaron
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)eniolaolutunde
 

Último (20)

Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
 
Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application )
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
 
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website App
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 
Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy Reform
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpin
 
Staff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSDStaff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSD
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communication
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
 

Project 03 Outline

  • 1. HTML Project 03: Creating, Editing, and Formatting Linked Web Pages Project Outline Page Objectives 70 Introduction 70 Project Three - Plant World Web Site 71 Starting Notepad 72 Using Links on a Web Page 72 Linking to Another Web Page within the Same Web Site 75 Linking to a Web page in Another Web Site 76 Linking within a Web Page 77 Linking to an E-Mail Address 77 Creating a Home Page 78 Entering HTML Tags to Define the Web Page Structure 78 Adding an Image 79 Adding a Left-Aligned Heading with a Font Color 80 Entering a Paragraph of Text 82 Creating Unordered (Bulleted) Lists 83 Adding a Background Image 85 Adding a Text Link 85 Adding a Text Link to another Web Page within the Same Web Site 86 Adding an E-Mail Link 88 Saving and Printing the HTML File 89 Viewing, Testing Links, and Printing a Web Page 90 Editing the Second Web Page 94 Formatting Text 96 Formatting Text in Bold 96 Formatting Text in Italics 98 Format Text with a Font Color 99 Adding and Image with Wrapped Text 100 Adding an Image with Wrapped Text 103 Clearing the Text Wrapping 104 Using Horizontal and Vertical Spacing 106 Using Thumbnail Images 106 Obtaining Images 107 Adding a Text Link to Another Web Site 108 Adding a Text Link to a Web Page in Another Web Site 108 Adding Links within A Web Page 109 Setting Link Targets 110 Adding Links to Link Targets within a Web Page 112 Adding Links to a Link Target at the Top of the Page 114 Adding an Image Link to a Web Page 115 Saving and Printing the HTML File and Web Page 117
  • 2. Project Summary 120 What You Should Know 120 Learn It Online 121 Apply Your Knowledge: Editing the AYK Web Page 122 In the Lab: Creating a Web Page with Target Links 124 In the Lab: Creating a Web Page with Wrapped Text 125 In the Lab: Composing Two Linked Web Pages 127 Cases and Places 129 Assignments and Assessments Project 03 Vocabulary Completion ExamView Project 03 Reinforcement ExamView Project 03 Tags ExamView Project 03 Objective Test ExamView Project 03 Production Project Notepad++