SlideShare a Scribd company logo
1 of 10
HOW TO DESIGN A WEB
PAGE
BY MS. WINTER
USING LINKS AND LISTS
This Photo by Unknown Author is licensed under CC BY-SA
HOW TO ADD LINKS TO WEB PAGES
•YOU CAN ADD A LINK WITHIN A PAGE
•YOU CAN ADD A LINK TO AN EXTERNAL PAGE
•YOU CAN ADD A LINK TO THE INTERNET.
CODES FOR LINKS
• FIRST DECLARE THE TOP OF THE PAGE - <A HREF= “TOP”>
• NEXT ANY PLACE IN THE PAGE YOU MAY LINK BACK TO THE TOP OF THE PAGE BY USING:
• < A HREF=“#TOP”>BACK TO THE TOP OF THE PAGE
• < A NAME=“LOBSTER”> THEN YOU CAN LINK BACK TO THIS SECTION OF THE PAGE <A
HREF=“#LOBSTER”>LOBSTER</A>
• LAST IS TO A WEBSITE <A HREF=“WWW.GOOGLE.COM”>GOOGLE</A>
• YOU MAY ALSO LINK TO ANOTHER WEB PAGE <A HREF=H:ROCKCLIMBING.HTML”>ROCKCLIMBING</A>
CODES FOR UNORDERED LISTS
• AN UNORDERED LIST IS A BULLETED LIST
• <UL>
• <LI>BACKPACKING</LI> THEN YOU WOULD END THE </UL>
• YOU CAN HAVE REGULAR BULLETS, SQUARES, OPEN CIRCLES, OR IMAGES.
EXAMPLE OF UNORDERED LISTS
This Photo by Unknown Author is licensed under CC BY-SA
CODES FOR ORDERED LISTS
• AN ORDERED LIST IS A NUMBERED LIST.
• <OL>
• <LI>CLIMBING SHOES</OL>
• YOU CAN HAVE LETTERS, ROMAN NUMBERALS, AND IMAGES OF NUMBERS
EXAMPLES OF ORDERED LISTS
This Photo by Unknown Author is licensed under CC BY-SA
ASSIGNMENT FOR WEB PAGE DESIGN
• I WANT YOU TO CREATE A WEB PAGE FOR A FAMILY VACATION TO WALT DISNEY WORLD IN FLORIDA.
• I WANT TO MAKE SURE YOU USE AT LEAST 3 LINKS AND 2 LISTS ONE UNORDERED AND ONE ORDERED.
• MAKE SURE TO INCLUDE ALL INFORMATION THAT A FAMILY WOULD NEED TO MAKE THAT VACATION
WHETHER THEY DRIVE, FLY, OR TAKE A TRAIN AND THE VARIOUS PARKS AVAILABLE FOR THEM TO VISIT.
ASSIGNMENT FOR WEB PAGE DESIGN
• I WANT YOU TO CREATE A WEB PAGE FOR A FAMILY VACATION TO WALT DISNEY WORLD IN FLORIDA.
• I WANT TO MAKE SURE YOU USE AT LEAST 3 LINKS AND 2 LISTS ONE UNORDERED AND ONE ORDERED.
• MAKE SURE TO INCLUDE ALL INFORMATION THAT A FAMILY WOULD NEED TO MAKE THAT VACATION
WHETHER THEY DRIVE, FLY, OR TAKE A TRAIN AND THE VARIOUS PARKS AVAILABLE FOR THEM TO VISIT.

More Related Content

Similar to Web page design links and lists

Similar to Web page design links and lists (12)

SEO Tools Review - Majestic SEO
SEO Tools Review - Majestic SEOSEO Tools Review - Majestic SEO
SEO Tools Review - Majestic SEO
 
SEO and SEM
SEO and SEMSEO and SEM
SEO and SEM
 
Adorable ones seo analysis
Adorable ones seo analysisAdorable ones seo analysis
Adorable ones seo analysis
 
eXp Realty Agents: Promoting your New Kunversion Website
eXp Realty Agents: Promoting your New Kunversion WebsiteeXp Realty Agents: Promoting your New Kunversion Website
eXp Realty Agents: Promoting your New Kunversion Website
 
SEO Update 2016
SEO Update 2016SEO Update 2016
SEO Update 2016
 
Seo cheeklist lgarvindgupta
Seo cheeklist lgarvindguptaSeo cheeklist lgarvindgupta
Seo cheeklist lgarvindgupta
 
SEO Seminar Presentation
SEO Seminar PresentationSEO Seminar Presentation
SEO Seminar Presentation
 
GFGC CHIKKABASUR(HTML)
GFGC CHIKKABASUR(HTML)GFGC CHIKKABASUR(HTML)
GFGC CHIKKABASUR(HTML)
 
Basic WordPress Workshop Presentation
Basic WordPress Workshop PresentationBasic WordPress Workshop Presentation
Basic WordPress Workshop Presentation
 
Seo basics part 3
Seo basics part 3Seo basics part 3
Seo basics part 3
 
ITC Backlinks Presentation
ITC Backlinks PresentationITC Backlinks Presentation
ITC Backlinks Presentation
 
Web Scraping
Web ScrapingWeb Scraping
Web Scraping
 

Recently uploaded

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
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Educationpboyjonauth
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)eniolaolutunde
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfchloefrazer622
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxGaneshChakor2
 
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
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Sapana Sha
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdfssuser54595a
 
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
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
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
 
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
 
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesSeparation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesFatimaKhan178732
 
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
 
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
 

Recently uploaded (20)

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
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Education
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptx
 
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"
 
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
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
 
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
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
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
 
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...
 
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesSeparation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and Actinides
 
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptxINDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
 
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
 
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
 
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
 

Web page design links and lists

  • 1. HOW TO DESIGN A WEB PAGE BY MS. WINTER
  • 2. USING LINKS AND LISTS This Photo by Unknown Author is licensed under CC BY-SA
  • 3. HOW TO ADD LINKS TO WEB PAGES •YOU CAN ADD A LINK WITHIN A PAGE •YOU CAN ADD A LINK TO AN EXTERNAL PAGE •YOU CAN ADD A LINK TO THE INTERNET.
  • 4. CODES FOR LINKS • FIRST DECLARE THE TOP OF THE PAGE - <A HREF= “TOP”> • NEXT ANY PLACE IN THE PAGE YOU MAY LINK BACK TO THE TOP OF THE PAGE BY USING: • < A HREF=“#TOP”>BACK TO THE TOP OF THE PAGE • < A NAME=“LOBSTER”> THEN YOU CAN LINK BACK TO THIS SECTION OF THE PAGE <A HREF=“#LOBSTER”>LOBSTER</A> • LAST IS TO A WEBSITE <A HREF=“WWW.GOOGLE.COM”>GOOGLE</A> • YOU MAY ALSO LINK TO ANOTHER WEB PAGE <A HREF=H:ROCKCLIMBING.HTML”>ROCKCLIMBING</A>
  • 5. CODES FOR UNORDERED LISTS • AN UNORDERED LIST IS A BULLETED LIST • <UL> • <LI>BACKPACKING</LI> THEN YOU WOULD END THE </UL> • YOU CAN HAVE REGULAR BULLETS, SQUARES, OPEN CIRCLES, OR IMAGES.
  • 6. EXAMPLE OF UNORDERED LISTS This Photo by Unknown Author is licensed under CC BY-SA
  • 7. CODES FOR ORDERED LISTS • AN ORDERED LIST IS A NUMBERED LIST. • <OL> • <LI>CLIMBING SHOES</OL> • YOU CAN HAVE LETTERS, ROMAN NUMBERALS, AND IMAGES OF NUMBERS
  • 8. EXAMPLES OF ORDERED LISTS This Photo by Unknown Author is licensed under CC BY-SA
  • 9. ASSIGNMENT FOR WEB PAGE DESIGN • I WANT YOU TO CREATE A WEB PAGE FOR A FAMILY VACATION TO WALT DISNEY WORLD IN FLORIDA. • I WANT TO MAKE SURE YOU USE AT LEAST 3 LINKS AND 2 LISTS ONE UNORDERED AND ONE ORDERED. • MAKE SURE TO INCLUDE ALL INFORMATION THAT A FAMILY WOULD NEED TO MAKE THAT VACATION WHETHER THEY DRIVE, FLY, OR TAKE A TRAIN AND THE VARIOUS PARKS AVAILABLE FOR THEM TO VISIT.
  • 10. ASSIGNMENT FOR WEB PAGE DESIGN • I WANT YOU TO CREATE A WEB PAGE FOR A FAMILY VACATION TO WALT DISNEY WORLD IN FLORIDA. • I WANT TO MAKE SURE YOU USE AT LEAST 3 LINKS AND 2 LISTS ONE UNORDERED AND ONE ORDERED. • MAKE SURE TO INCLUDE ALL INFORMATION THAT A FAMILY WOULD NEED TO MAKE THAT VACATION WHETHER THEY DRIVE, FLY, OR TAKE A TRAIN AND THE VARIOUS PARKS AVAILABLE FOR THEM TO VISIT.