Hyperlinks in HTML How to “throw an anchor”, or to create a hyperlink in raw HTML.

Slides:



Advertisements
Similar presentations
3.02D HTML Overview 3.02 Develop webpages.
Advertisements

Internet Programming Practicum Credits : 4 Information System Study Program 1Internet Programming Practicum Lecturers : Kurniawan, S.Kom., M.M. Module.
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.
User-Assistance StoryboardWRA 210, SS08 Rachael Hodder Dave Johnson Alyson Lowe.
Hyperlink & Form Pertemuan 11 Matakuliah: L0182 / Web & Animation Design Tahun: 2008.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 5: Hyperlinks.
Links and Comments.
Computer Science 1611 Internet & Web Creating Webpages Hypertext and the HTML Markup Language.
Saving a Word Document as a Web Page
Web Page Development Identify elements of a Web Page Start Notepad
1 Computing for Todays Lecture 22 Yumei Huo Fall 2006.
CM143 - Web Week 2 Basic HTML. Links and Image Tags.
1 Linking Web Pages Why is Hypertext Hyper? Storyboarding Page Links (Site Map) Path to Files Various Links Click Here :( Page Footers.
MGMT 230 Lab 1 HTML Basics. 2 HTML Tags An HTML document contains both document content and tags. The tags are the HTML codes inserted in a document to.
Hyperlinks, Sections, Master Pages
1 Linking Web Pages Why is Hypertext Hyper? Storyboarding Page Links (Site Map) Sequential and Indexed-Sequential Designs Hierarchical Design Custom Design.
Creating your website Using Plain HTML. What is HTML? ► Web pages are authored in HyperText Markup Language (HTML) ► Plain text is marked up with tags,
ETT 429 Spring 2007 Web Design I.
HTML Tags. Objectives Know the commonly used HTML tags Create a simple webpage using the HTML tags that will be discussed.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Hyperlinks.
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.
Basic HTML Hyper text markup Language. Re-cap  … - The tag tells the browser that this is an HTML document The html element is the outermost element.
Review: How do you change the border color of an image?
HTML Essentials HyperText. Why HyperText ? Hypertext is text or pictures which reference other pages which the reader can immediately access Hypertext.
Dreamweaver MX Unit A CIS 205—Web Site Design & Development.
WRA INTRODUCTION TO WEB AUTHORING. HELLO, MY NAME IS: JOHN Basics Former PW Alum Really like tv, video games, and MSU sports and the Tigers.
Copyright © 2008 Pearson Prentice Hall. All rights reserved. 1 Exploring Microsoft Office Word 2007 Chapter 8 Word and the Internet Robert Grauer, Keith.
Student Portal Specialized Training Series Presents:
Informatics Computer School CS114 Web Publishing HTML Lesson 2.
Hyperlinks. Linking pages…Hyperlinks 2 Lecture 8  Hyperlink “A clickable HTML element that will direct the web browser to display a different Web page.
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.
Intro to Dreamweaver Web Design Section 7-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course.
Using Html Basics, Text and Links. Objectives  Develop a web page using HTML codes according to specifications and verify that it works prior to submitting.
Lesson 2 HTML organization techniques Week 2. Respect WWW  R = responsibility: assume personal responsibility and create only ethical and appropriate.
Unit 1 — HTML BASICS Lesson 2 — HTML Organization Techniques.
Linking web pages Wah Yan College (Hong Kong) Mr. Li C.P.
Making a Game Linking Slides. To link slides: 1.Prepare your storyboard 2.Complete all slides 3.Link the slides.
Fall 2005 Using FrontPage to Enhance Blackboard - Darek Sady1 Using FrontPage to Enhance Blackboard 1.Introduction 2.Starting FrontPage 3.Creating Documents.
Execute Workflow. Home page To execute a workflow navigate to My Workflows Page.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
HTML: Hyptertext Markup Language Doman’s Sections.
BUILD A BIGGER BUILDER Get the most out of the DE streaming Builders.
META tag META tag is the element in the HTML that interacts with the search engines. It’s contain 2 attributes that should always be used: NAME: is an.
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.
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.
Tutorial 3 Adding and Formatting Text with CSS Styles.
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)
Website design and structure. A Website is a collection of webpages that are linked together. Webpages contain text, graphics, sound and video clips.
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.
FIRST COURSE PowerPoint Tutorial 4 Integrating PowerPoint with Other Programs and Collaborating with Workgroups.
Web Authoring with Dreamweaver. Unit Objectives  Be able to define keywords: HTML, HTTP (protocol), browser, web server, client/server, tag, attribute,
1 PROJECT 2 WEB/HTML PROJECT USING MICROSOFT WORD Management Information Systems.
Links and Images. Links HTML uses a hyperlink to link to another document on the Web A hyperlink can be either text or a picture Links are created with.
Hyperlink ● Anchor tag and its attributes ● Four Types of URL ─ ─ Absolute addressing ─ Relative addressing ─ Intrapage ● Attributes -- link, vlink,
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.
CHOOSE 1 OF THESE.
HTML HTML stands for Hyper Text Markup Language. HTML is used in making the base of a Website You can just use an online website maker like weebly.com.
Click on CIS120/17 to go to website for course. The week of will tell you what is planned for the week and what has been assigned.
XP Creating Web Pages with Microsoft Office
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.
Web software.
Introduction of FrontPage
Lesson Objectives Lesson Outcomes
Hyperlinks, Sections, Master Pages
Hyperlinks, Sections, Master Pages
Intro to Web Development Links
Lesson 4: Hyperlinks.
Presentation transcript:

Hyperlinks in HTML How to “throw an anchor”, or to create a hyperlink in raw HTML

When coding a hyperlink, you can: Link to a local document that you have authored Jump to a specific location within the same document Link to a remote server (these are the most common)

Link to a local document that you have authored: You can try out my hyperlink by clicking here Of course you would have to create an HTML file named local.htm to link to

Jump to a specific location within that same document: This is a handy technique for displaying more than a screen page, and allowing your user to navigate through that page to a spot of their own choosing (provided by you, the author!) Use <A NAME=”bookmark” && to mark location in the target document && This is your bookmark. Place it within the text where you wish to send the user. Now go inside the document a create the internal hyperlink: Click here to jump to spot1 Of course you might choose to use different words in your display, but you get the idea!