 The tag to create a link is called, which stands for anchor.  You put the address of the page to link to in quotes after href=, like the following:

Slides:



Advertisements
Similar presentations
Basic Internet Terms Digital Design. Arpanet The first Internet prototype created in 1965 by the Department of Defense.
Advertisements

World Wide Web Hyperlinks Servers/Clients Browsers HTML (HyperText Markup Language)
4.01 How Web Pages Work.
XP 1 Developing a Basic Web Site Tutorial 2: Web Site Structures & Links.
Developing a Web Site: Links Using a link is a quicker way to access information at the bottom of a Web page than scrolling down A user can select a link.
Communicating Information: Web Design. It’s a big net HTTP FTP TCP/IP SMTP protocols The Internet The Internet is a network of networks… It connects millions.
New Perspectives on Creating Web Pages with HTML
Web development  World Wide Web (web) is the Internet system for hypertext linking.  A hypertext document (web page) is an online document. It contains.
XP Adding Hypertext Links to a Web Page. XP Objectives Create hypertext links between elements within a Web page Create hypertext links between Web pages.
CIS101 Introduction to Computing Week 05. Agenda Your questions Exam next week - Excel Introduction to the Internet & HTML Online HTML Resources Using.
Web Structure Create Links Using HTML. 2 Objectives List different types of Web site structures and how to employ them Create element ids to mark specific.
Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
11 October HTML: Links and Forms. Agenda News: William Knight Review of HTML Pages Meeting sheet passed HTML Links Networking and the Internet HTML Forms.
1 Linking Web Pages Why is Hypertext Hyper? Storyboarding Page Links (Site Map) Path to Files Various Links Click Here :( Page Footers.
13 February Building a Web Page. Links Links: One always links to an anchor point Every page has an implicit anchor point at the start In addition, can.
Topics in this presentation: The Web and how it works Difference between Web pages and web sites Web browsers and Web servers HTML purpose and structure.
Introduction 2: Internet, Intranet, and Extranet J394 – Perancangan Situs Web Program Sudi Manajemen Universitas Bina Nusantara.
1 Linking Web Pages Why is Hypertext Hyper? Storyboarding Page Links (Site Map) Sequential and Indexed-Sequential Designs Hierarchical Design Custom Design.
XP 1 Developing a Basic Web Site Creating a Chemistry Web Site Tutorial 2.
What Is A Web Page? An Introduction to the Internet.
The Internet & The World Wide Web Notes
Internal and External Links Web Design – Section 3-6 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Getting started! Module 1: Creating and publishing web pages Your class “home page”
Shows the entire path to the file, including the scheme, server name, the complete path, and the file name itself. Same idea of stating your full name,
DATA COMMUNICATION DONE BY: ALVIN SAMPATH CARLVIN SAMPATH.
HTML 101 MPM What is a website? A website is basically a collection of web pages stored on a particular computer (called a web server) and accessed.
1 HTML (Set Up Public Folder) Some material on these slides is taken directly from
OV Copyright © 1998 Ziff-Davis Education, a division of Ziff-Davis Inc. All rights reserved. The Internet World-wide network of computers connected.
Mohammed Mohsen Links Links are what make the World Wide Web web-like one document on the Web can link to several other documents, and those.
XHTML Introductory1 Linking and Publishing Basic Web Pages Chapter 3.
Tutorial #2 Creating Links. Tutorial #1 Review Basic Page (DOCTYPE, HTML, Head, Title, Body) Tags Structure( ),,,,,, Nested Tags content Tag Attributes.
1 Session 1: Introduction to HTML Spring Today’s Agenda Cover useful terminology for today’s session HTML, browsers, servers, etc. HTML Tags Get.
Informatics Computer School CS114 Web Publishing HTML Lesson 2.
Web Design (5) Navigation (1). Creating a new website called ‘Navigation’ In Windows Explorer, open the folder “CU3A Web Design Group”; and then the sub-folder.
Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Project 4: Creating Hyperlinks Kelly L.
Developing a Web Site. Web Site Navigational Structures A storyboard is a diagram of a Web site’s structure, showing all the pages in the site and indicating.
XP Mohammad Moizuddin Creating Web Pages with HTML Tutorial 2 1 New Perspectives on Creating Web Pages With HTML Tutorial 2: Adding Hypertext Links to.
Here you are at your computer, but you don’t have internet connections. Your ISP becomes your link to the internet. In order to get access you need to.
CIS 250 Advanced Computer Applications Internet/WWW Review.
1 Chinese Information Processing : Using Computers to Teach and Learn Chinese Week 6 and 7: Creating and maintaining web pages - html and ftp.
Using the Internet. (WWW) and the Internet The World Wide Web (WWW) is a small part of the Internet. The Internet relates to all the hardware and software.
INTRODUCTORY Tutorial 6 Using Links on a Web Page.
Internal and External Links Web Design – Section 3-6 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Copyright Jim Martin The World Wide Web Dr. Jim Martin
Tutorial 2 Developing a Web Site. XP Objectives Learn how to storyboard various Web site structures Create links among documents in a Web site Understand.
Internal and External Links Web Design – Section 3-6 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Web Design. What is the Internet? A worldwide collection of computer networks that links millions of computers by – Businesses (.com.net) – the government.
XP INFT 140 – Chapter 2 1 Developing a Basic Web Site Creating a Chemistry Web Site.
Newsgroup World Wide Web (WWW) Conservation Over the Internet e.g.ICQ File Transfer Protocol (FTP) Includes 6 main services: Electronic Mail Remote.
Website design and structure. A Website is a collection of webpages that are linked together. Webpages contain text, graphics, sound and video clips.
  This is a different use of the anchor tag; it simply gives a name to the specific point on the page where the tag occurs. The tag must be included,
1 More About HTML Images and Links. 22 Objectives You will be able to Include images in your HTML page. Create links to other pages on your HTML page.
Developing a Basic Web Site HTML Tutorial 2. Objectives Define links and how to use them. Create element ids to mark specific locations within a document.
Hyperlink ● Anchor tag and its attributes ● Four Types of URL ─ ─ Absolute addressing ─ Relative addressing ─ Intrapage ● Attributes -- link, vlink,
Session: 4. © Aptech Ltd. 2Creating Hyperlinks and Anchors / Session 4  Describe hyperlinks  Explain absolute and relative paths  Explain how to hyperlink.
Session 1: Introduction to HTML Fall Today’s Agenda Talk about the functions of the Internet Cover useful terminology for today’s session HTML,
Websites Creating Basic Course. What´s a website ? A website (or "web site") is a collection of related web pages, images, videos or other digital assets.
Web Page Design The Basics. The Web Page A document (file) created using the HTML scripting language. A document (file) created using the HTML scripting.
Basic Internet Skills. What is the internet? A large group of computers connected to one another Its purpose is to send information back and forth to.
4.01 How Web Pages Work.
4.01 How Web Pages Work.
Internal and External Links
Internal and External Links
Some Common Terms The Internet is a network of computers spanning the globe. It is also called the World Wide Web. World Wide Web It is a collection of.
Web Design and Development
CNIT 131 HTML5 – Anchor/Link.
Adding Links Chapter 6 4/9/2019.
Exploring Web Page Design
4.01 How Web Pages Work.
Presentation transcript:

 The tag to create a link is called, which stands for anchor.  You put the address of the page to link to in quotes after href=, like the following: › cool videos!  Href › Stands for hypertext reference and is called an attribute of the tag.

 When you create a link from one page to another page on the same computer, it isn’t necessary to specify a complete Internet address. If the two pages are in the same directory folder, you can simply use the name of the HTML file: › salad oh!!

 If you have many pages, you’ll want to put them in more than one directory folder. In this case, you still shouldn’t use the full Internet address to link between them. You can use relative addresses, which include only enough information to find one page from another.  Relative address describes the path from one page to another; instead of a full (or absolute) Internet address.

 You want to include a link to a page named five.html, which is in subfolder named Hot. This link would look like the following: › Price  The five.html page might contain a link back to the main price.html page: › Home  The double dot (..) is a special code that indicates the folder containing the current folder.

TagAttributeFunction … With the href attribute, creates a link to another document or anchor hrefThe address of the document or anchor point to link to.

 To make an HTML page part of the publicly accessible World Wide Web, you need to put it on a Web server (a computer permanently connected to the Internet and equipped to send out Web pages on request.

 When a Web server computer sends Web pages to people through the Internet, it uses an information exchange standard called Hypertext Transfer Protocol (HTTP). To upload a page to your Web site, however, you usually need software that uses an older communication standard called File Transfer Protocol (FTP).  File Transfer Protocol › The standard that your file transfer software must adhere to when sending files to a Web server.

 Many Web authors want to know how to make a file that isn’t a Web Page available for downloading from a Web site. › Example: zip, doc, exe file  Just upload the file to your Web site. For example, if the file was called salad.doc, the link would look like this: › Click to here to download

 Your best friend from elementary school finds you on the Internet and says he wants to trade home page links. How do you put a link to his page at on your page?  Your home page will be at when you put it on the Internet. Write the HTML code to go on the page so that when someone clicks the words all about me, they see the page located at

 You plan to publish a CD-ROM disk containing HTML pages. How do you create a link from a page in the \food directory folder to the \food\salad\hot.html page?  How about a link from \food\salad\hot.html to the \food\spaghetti\cold.html page?