HTML (Hypertext Markup Language ). Hyperlinks Hyperlinks from text to other sites Write the link, which is visible at the screen Example: Hyperlink to.

Slides:



Advertisements
Similar presentations
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.
Advertisements

HTML5 and CSS3 Illustrated Unit E: Inserting and Working with Links
Dreamweaver Cheat Sheet CSCI 100 – JW Ryder. CSCI 1002JW Ryder - Dreamweaver Notes Initial Site Set Up Goto W:\ drive – This is your web root directory.
MIS 425 Lecture 1 – HTML Basics and Web Page Design Instructor: Martin Neuhard
Web Design Professor Pepper. Site vs. Page  Create a folder for your site  all pages and pictures  Default page will be index.html (some servers are.
$1 Million $500,000 $250,000 $125,000 $64,000 $32,000 $16,000 $8,000 $4,000 $2,000 $1,000 $500 $300 $200 $100 Welcome.
Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems
Internet Publishing / Dreamweaver Luke E. Reese CARRS
HTML (Hypertext Markup Language ). Short history of HTML and World Wide Web Before Web, the information exchange through Internet was by: Telnet protocol,
Introduction to HTML. What is a Web site? A collection of "pages" or files linked together and available on the World Wide Web What do you need to create.
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
9/12: HTML & Website Design Website design considerations HTML (Hypertext Markup Language) Resources on the WWW images courtesy of
9/7: HTML & Website Design Website design considerations HTML (Hypertext Markup Language) Resources on the WWW image courtesy of
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.
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.
Dr. Chen, Management Information Systems (Web#2) Web2 and WEB/HTML Introduction Dr. Jason C. H. Chen Professor of MIS School of Business Administration.
1 HTML (Set Up Public Folder) Some material on these slides is taken directly from
HTML Essentials HyperText. Why HyperText ? Hypertext is text or pictures which reference other pages which the reader can immediately access Hypertext.
Anatomy of a URL: Finding Broken Links Dr. Steve Broskoske Misericordia University.
Hyperlinks. Linking pages…Hyperlinks 2 Lecture 8  Hyperlink “A clickable HTML element that will direct the web browser to display a different Web page.
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.
WB_FrontPage_How To CS3505. Front Page 4 Microsoft Web Page Authoring tool 4 Available to students at no charge see helpdesk 4 Provides support for building.
Understanding HTML Code
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.
Websites 101 Technology Committee UPSOM. Web Class – Goals  Make a simple web page (or series of pages)  Upload that page to the internet  Feel comfortable.
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.
Objectives Prior Knowledge VocabularyEssential True.
What is Markup and Markup Languages? What is HTML? A Basic HTML Document Basic HTML Tags Tag Attributes and Text Formatting Tags Insert Hyperlinks Add.
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.
Internet Publishing Luke E. Reese ANR Education and Communication Systems
INTRODUCTORY Tutorial 6 Using Links on a Web Page.
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.
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.
Web programming Part 1: HTML 由 NordriDesign 提供
Internet Publishing / Dreamweaver Luke E. Reese Biosystems & Ag. Engr. / CARRS
1 Creating the Home Page. 2 Creating a Table Table attributes  Two rows and two columns  No border  Left-aligned Change the vertical alignment of the.
HTML Comprehensive Concepts and Techniques Second Edition Project 2 Creating a Web Site with Links.
Introduction to HTML C151 Multi-User Operating Systems.
Creating a Web Page Presented by: Bernadette G. Bautista Manuel I. Santos MNHS April 29, 2011.
REEM ALMOTIRI Information Technology Department Majmaah University.
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 Lab4 Ins.Samia alblwi. O UTLINE : 1-Links 2-Frame.
Chapter 5 BIE2313 | Web design. ALL RIGHTS RESERVED No part of this document may be reproduced without written approval from Limkokwing University of.
HTML – The Basics Rebecca Shillingburg
Introduction lab1. Suzanne J. Sultan 2 What is HTML? The definition of HTML is Hyper Text Markup Language. HTML is a computer language devised to allow.
CIS 228 The Internet Day 4, 9/8/11 Getting on the Internet.
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
1 How to Publish Your HTML Page on the Web. Every USF Student has a website 2 Your Net ID You have a directory on the server.
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.
Hyperlink Anchor tag and its attributes Four Types of URL
Links. Links Links Need to define two things: The destination Something to click on to get there Tag is click here Can be text, special.
Hyperlink Anchor tag and its attributes Four Types of Hyperlink
Links.
Hyperlink Anchor tag and its attributes Four Types of URL
Intro to Web Development Links
Links.
Enhancing Your Web Site—Adding Links Web Page
HTML LINKS
Hyperlinks Links for .
IDT Links in HTML What you need to know….
HTML Links CS 1150 Fall 2016.
…when you own all the files…you can link to them directly
4.00 Apply procedures to add content by using Dreamweaver. (22%)
Presentation transcript:

HTML (Hypertext Markup Language )

Hyperlinks Hyperlinks from text to other sites Write the link, which is visible at the screen Example: Hyperlink to

Hyperlink to inner page Hyperlink to page vreme.html from the site Text hyperlinks to pages from the same site Index.htmlpage1.html Main directory Subdirectory- folder1 page2.html 1 Hyperlink to page1.html from the initial page index.html 2 Hyperlink to page2.html, placed at folder1, from the initial page index.html 3 Hyperlink to page index.html from page2.html, pklaced at folder

Text hyperlinks to parts from the same page example: Hyperlink to label1 This is visible on the screen label1

Text hyperlinks to е-mail address and files at FTP server Hyperlink to address Hyperlink to file from FTP server Hyperlink to file in format pdf from FTP server

Hyperlinks, which are open in new window Attribute target target="_blank" Hyperlink to dir.bg, which will be opened in new window Hyperlinks at the same or determined window target =“ _self “ (by default) target=“_somename"

Changing the color of text hyperlinks  the hyperlink’s color is changed by attributes link – determine the color of unvisited hyperlinks alink - determine the color of hyperlinks at the moment of clicking on them vlink - determine the color of already visited hyperlinks Example:

Using images for hyperlinks image: “image.jpg”