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,

Slides:



Advertisements
Similar presentations
Introduction to Web Design Lecture number:. Todays Aim: Introduction to Web-designing and how its done. Modelling websites in HTML.
Advertisements

The Web Wizards Guide to HTML Chapter Four All About Hyperlinks.
Computing – Weekly Review By Callum Innes HTML WWW WYSIWYG URL Hyperlink.
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.
HTML5 and CSS3 Illustrated Unit E: Inserting and Working with Links
Lecture Navigation. What is Navigation? Hypertext – creates links Process of linking from a page to: –Another page in the same website –Another page on.
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.
Hyperlinks, Sections, Master Pages
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.
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.
HTML Links and Anchors.
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.
Review: How do you change the border color of an image?
HTML HTML stands for "Hyper Text Mark-up Language“. Technically, HTML is not a programming language, but rather a markup language. Used to create web pages.
4 HTML Basics 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.
HTML Essentials HyperText. Why HyperText ? Hypertext is text or pictures which reference other pages which the reader can immediately access Hypertext.
Who Wants to be a Millionaire? Web Page Development Dreamweaver Chapter 4.
XHTML Introductory1 Linking and Publishing Basic Web Pages Chapter 3.
WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.
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.
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.
Unit 1 — HTML BASICS Lesson 2 — HTML Organization Techniques.
Doing L I N K S Links 1: Internal Links Links to anchors on the current page (Internal).
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.
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.
Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic.
1.  Use the anchor element to link from page to page  Configure absolute, relative, and hyperlinks  Configure relative hyperlinks to web pages.
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.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
CO1552 – Web Application Development Linking Pages - The Basis of the Web.
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.
And adding hyperlinks. MyWebpage Everything that we want in our website, including other folders, documents, xhtml files, image files, css files should.
4 HTML Basics 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.
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.
Website design and structure. A Website is a collection of webpages that are linked together. Webpages contain text, graphics, sound and video clips.
01 - Introduction Informatics Department Parahyangan Catholic University.
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.
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.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
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.
Chapter 5 BIE2313 | Web design. ALL RIGHTS RESERVED No part of this document may be reproduced without written approval from Limkokwing University of.
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.
HTML5 and CSS3 Illustrated Unit E: Inserting and Working with Links.
HTML Links CS 1150 Spring 2017.
Section 4.1 Section 4.2 Format HTML tags Identify HTML guidelines
Link Label Text Label… Click Here… Image Image Lorem Ipsum Lorem Ipsum
Hyperlink Anchor tag and its attributes Four Types of URL
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 software.
Web Design and Development
Hyperlinks, Images and Tables
Inserting and Working with Links
Hyperlinks, Sections, Master Pages
Hyperlink Anchor tag and its attributes Four Types of URL
Hyperlinks, Sections, Master Pages
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
HTML Links.
Hyperlinks, Images and Tables
Lesson 4: Hyperlinks.
To insert a hyperlink ( a web page address, URL) using text
HTML LINKS
Hyperlinks, Images, Comments, and More…
HTML Links CS 1150 Fall 2016.
Presentation transcript:

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, or that is followed automatically.  The reference points to a whole document or to a specific element within a document.

Hypertext is text with hyperlinks. Such text is usually viewed with a computer. To hyperlink (or simply to link) is to create a hyperlink. A user following hyperlinks is said to navigate or browse the hypertext.

 A hyperlink has an anchor (tag ), which is a location within a document from which the hyperlink can be followed; that document is known as its source document.  The target of a hyperlink is the document, or location within a document, that the hyperlink leads to.  The user can follow the link by activating it in some way (often, by touching it or clicking on it.)

 The most common example of hypertext today is the World Wide Web:World Wide Web  webpages contain hyperlinks to webpages.  There are two basic types of hyperlink paths Relative Absolute

 Relative  Does not specify the entire URL  Specifies a path from the current page to another page  Used to link to web pages on the same site.  Absolute  Contains the complete URL  Used to link to web pages on other sites.

 Link  Visited  Roll Over/Hover  Active  Usually underlined with blue text  Usually a dark red text  Text or Underline changes in some way  Usually in a dark red text

 Creating A Website in Dreamweaver Creating A Website in Dreamweaver