CHAPTER 3 USING HYPERLINKS TO CONNECT CONTENT. LEARNING OBJECTIVES How to use the and anchor tag pair to create a text-based hyperlink. How to use the.

Slides:

Advertisements

Similar presentations

HTML III. Learning Objectives HTML Links Structuring Pages with Frames Introduction to Cascading Style Sheets (CSS)

Advertisements

Chapter 2 HTML Basics Key Concepts

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.

In this lecture, you will learn: ❑ How to link between pages of your site ❑ How to link to other sites ❑ How to structure the folders on your web site.

Relative and Absolute Relative Absolute.  In web-page design, a hyperlink (or link) is a reference to a document that the reader can directly follow,

XP Browser and Basics1. XP Browser and Basics2 Learn about Web browser software and Web pages The Web is a collection of files that reside.

HTML Introduction (cont.) 10/01/ Lecture 8, MAT 279, Fall 2009.

Chinese Building. Today’s Topic Review last lab Links.

CIS101 Introduction to Computing HTML Project Two.

CM143 - Web Week 2 Basic HTML. Links and Image Tags.

 2008 Pearson Education, Inc. All rights reserved. 1 Introduction to HTML.

Internet – Part II. What is the World Wide Web? The World Wide Web is a collection of host machines, which deliver documents, graphics and multi-media.

Computer Science 103 Chapter 2 HyperText Markup Language (HTML)

Announcement #1 1 Lecture 9. Announcement #2  Midterm exam will be on Oct. 12 (Tuesday)  pm – 1.45 pm  Exam will cover all materials till Oct.

Lecture 13. A Very Brief Introduction to HTML and XHTML, part II Instructor: Jie Yang Department of Computer Science University of Massachusetts Lowell.

1 Advanced Frame Options Using NORESIZE  By default, users may resize frames unless you specify the NORESIZE attribute in the tag  Examples:

Exploring Microsoft Office XP - Microsoft Word 2002 Chapter 61 Exploring Microsoft Word Chapter 6 Creating a Home Page and Web Site By Robert T. Grauer.

Chapter 3 Dreamweaver: Part I The Web Warrior Guide to Web Design Technologies.

Website Design CLA – Transportation. Defining a Site Select: Site – New - Site Click Next.

CSI315CSI315 Building Web Sites. What is a website A website is just a bunch of web pages connected together with something called a link. In HTML there.

Links in HTML. Hyperlinks or links Millions of linked web pages make up the World Wide Web Used to connect a web page to another web page on the same.

HTML Essentials HyperText. Why HyperText ? Hypertext is text or pictures which reference other pages which the reader can immediately access Hypertext.

Chapter 6 The World Wide Web. Web Pages Each page is an interactive multimedia publication It can include: text, graphics, music and videos Pages are.

XHTML Introductory1 Linking and Publishing Basic Web Pages Chapter 3.

Informatics Computer School CS114 Web Publishing HTML Lesson 2.

Adding Hyperlinks To a Web Page. Hyperlink and Its Add-Ons Main way to connect web pages and move throughout a web site. Uses the Anchor Tag which is.

HTML Overview Part 4 – Tables 1. HTML Tables  Tables are defined with the tag pair.  A table is divided into rows with tag pairs. o tr stands for "table.

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.

Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and attributes Create.

Linking web pages Wah Yan College (Hong Kong) Mr. Li C.P.

Creating Web Pages with Links, Images, and Formatted Text Information Presented by S. Cox.

Tutorial 4: Working with Hyperlinks. Objectives Session 4.1 – Place bookmarks on a Web page – Create a link to a bookmark – Create a link to another Web.

1.  Use the anchor element to link from page to page  Configure absolute, relative, and hyperlinks  Configure relative hyperlinks to web pages.

1 Web Developer & Design Foundations with XHTML Chapter 3 Key Concepts.

Enhancing Your Web Site—Adding Links Web Page **YOU MUST HAVE COMPLETED THE 1ST 3 WEB PAGES BEFORE YOU CAN DO THIS ONE. **YOU SHOULD HAVE COMPLETED THE.

Objective Understand concepts used to web-based digital media. Course Weight : 5%

Adding Links Learning Web Design: Chapter 6. Lesson Overview Using the anchor tag Linking to other pages with relative or absolute pathnames Linking to.

Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.

+ Web Design Terminology Digital Communications III- Frameworks-2.1 Terminology HTML Domain Name Hot Spot Site Maps.

XHTML Hyperlinks. Creating Links to Other Web Pages A link, or hyperlink, is a specially formatted Web page object that the user can click to open a different.

Creating Links. The Anchor Element: The anchor tag can be used in three different ways: 1.External link – to link to a web page outside your own website.

HTML 58.51A LINKING & LISTS Linking to local files name of destination.... anchor tag HREF attribute. This attribute identifies the location of the link.

Chapter 6 Links. 3 Parts of Links 1. Destination: defines what happens when a user clicks the link. 2. Label: this is the text (or possibly an image)

HTML (Hyper Text Markup Language) Lecture II. Review Writing HTML files for web pages – efficient compact – fundamental. Text files with htm extension.

Links in HTML What you need to know….. Hyperlinks or links Millions of linked web pages make up the World Wide Web Used to connect a web page to another.

HTML Links HTML uses a hyperlink to another document on the Web.

Links Building a Website Lesson 5. Links There are various ways to use links on a website: Link to other sites Link to other pages on the same site .

HTML Comprehensive Concepts and Techniques Second Edition Project 2 Creating a Web Site with Links.

REEM ALMOTIRI Information Technology Department Majmaah University.

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.

HTML Lesson 2. Internal Hyperlinks  Internal Hyperlink is a link that links to another page within a website.  Make another page using notepad++: page2.html.

HTML Lab4 Ins.Samia alblwi. O UTLINE : 1-Links 2-Frame.

Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 2 Key Concepts 1 Copyright © Terry Felke-Morris.

HTML And the Internet. HTML and the Internet ► HTML: HyperText Markup Language  Language in which all pages on the web are written  Not Really a Programming.

Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 2 Creating Links.

Computer Basics Introduction CIS 109 Columbia College.

Hyperlinks Links for Other Pages. Hyperlink (aka Link) Text (or image) user can click Takes user to different location In general, location can be: On.

Internet The internet is the largest computer network system in the world. It consists of many smaller networks connected together by a global public.

Section 4.1 Section 4.2 Format HTML tags Identify HTML guidelines

Hyperlinks, Images and Tables

Dreamweaver Basics.

Hyperlinks, Images and Tables

Lesson 4: Hyperlinks.

Enhancing Your Web Site—Adding Links Web Page

Introduction to HTML.

IDT Links in HTML What you need to know….

Presentation transcript:

CHAPTER 3 USING HYPERLINKS TO CONNECT CONTENT

LEARNING OBJECTIVES How to use the and anchor tag pair to create a text-based hyperlink. How to use the anchor tag target attribute to open a hyperlink in a new window. How to use relative and absolute URLs to create a hyperlink. How to use the and anchor tag pair to create an image-based hyperlink. How to create an in-page hyperlink. How to use the mailto attribute within a hyperlink to open an client. How to create an image map.

CREATING A HYPERLINK Goto Google

FOLLOWING A HYPERLINK

MULTIPLE HYPERLINKS Goto Google Goto Yahoo Goto MSN Goto Ask

OPENING A LINK IN A NEW WINDOW Book's Companion Site

USING AN IMAGE AS A HYPERLINK

ABSOLUTE HYPERLINKS Home Page About Us Contact Us

RELATIVE HYPERLINKS Home Page About Us Contact Us

SAME PAGE HYPERLINKS One Two Three

CREATING A MAILTO LINK Contact Us

CREATING AN IMAGE MAP

REAL-WORLD:

SUMMARY To create the World Wide Web developers have created HTML files which use hyperlinks to connect documents. In general, the Web is a network of billions of interconnected pages of content, linked together by hyperlinks. When viewing Web pages within a browser, users click on a hyperlink to move from one document to another or from one location on page to another. A hyperlink can be text, which normally appears within the browser in blue or purple and is underlined, or, the hyperlink can be a photo. To place a hyperlink within the Web pages, you create, you use the and anchor-tag pairs.