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

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.
3.02D HTML Overview 3.02 Develop webpages.
Chapter 2 HTML Basics Key Concepts
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.
HTML Introduction (cont.) 10/01/ Lecture 8, MAT 279, Fall 2009.
LIST- HYPERLINK- IMAGES
CIS101 Introduction to Computing HTML Project Two.
Lecture Navigation. What is Navigation? Hypertext – creates links Process of linking from a page to: –Another page in the same website –Another page on.
 2008 Pearson Education, Inc. All rights reserved. 1 Introduction to HTML.
Lecture 18. HTML5 and JavaScript Instructor: Jie Yang Department of Computer Science University of Massachusetts Lowell Exploring the Internet,
JavaScript 101 Lesson 5: Introduction to Events. Lesson Topics Event driven programming Events and event handlers The onClick event handler for hyperlinks.
Computer Science 103 Chapter 2 HyperText Markup Language (HTML)
Lecture 12. A Very Brief Introduction to HTML and XHTML Instructor: Jie Yang Department of Computer Science University of Massachusetts Lowell Exploring.
Chapter 2 Introduction to HTML5 Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
CPSC 203 Introduction to Computers Lab 33 By Jie Gao.
Link and Table in HTML. Statistics HTML review The two faces of a HTML file In a notepad program. In a internet browser program. The function of HTML.
HTML Links and Anchors.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
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 Essentials HyperText. Why HyperText ? Hypertext is text or pictures which reference other pages which the reader can immediately access Hypertext.
1 Essential HTML coding By Fadi Safieddine (Week 2)
Informatics Computer School CS114 Web Publishing HTML Lesson 2.
Agenda Links External and Internet Links Anchor Tag Text Hyperlinks Image Hyperlinks Images Image Attributes: src, alt, width, height, align, border.
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.
Internet Applications Development Lecture 5 L. Obead Alhadreti.
1 CSC 121 Computers and Scientific Thinking David Reed Creighton University HTML and Web Pages.
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.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
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.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
CPSC 203 Introduction to Computers Lab 33 By Jie Gao.
INT222 - Internet Fundamentals Shi, Yue (Sunny) Office: T2095 SENECA COLLEGE.
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.
WEB DESIGN AND PROGRAMMING Introduction to XHTML.
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 Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
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.
Lecture 15. A Very Brief Introduction to HTML and XHTML, part IV Instructor: Jie Yang Department of Computer Science University of Massachusetts Lowell.
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.
`. Lecture Overview HTML Body Elements Linking techniques HyperText references Linking images Linking to locations on a page Linking to a fragment on.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 2 Key Concepts 1 Copyright © Terry Felke-Morris.
HTML Tutorial. What is HTML HTML is a markup language for describing web documents (web pages) HTML documents are described by HTML tags Each HTML tag.
LISTS AND LINKS Explained By: Sarbjit Kaur. Lecturer, Department of Computer Application, PGG.C.G., Sector: 42, Chandigarh.
Web Page Design XHTML Lesson 4. Adding Structure 4 A div tag –Used to divide up a web page and to add structural meaning to the page. –Will not change.
Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 2 Creating Links.
HTML5 and CSS3 Illustrated Unit E: Inserting and Working with Links.
Section 4.1 Section 4.2 Format HTML tags Identify HTML guidelines
AN INTRODUCTORY LESSON TO MAKING A SIMPLE WEB PAGE By: RC Emily Solis
Introduction to XHTML.
Hyperlinks, Images and Tables
Creating a Web Page Using HTML
1 Introduction to XHTML.
Hyperlinks, Images and Tables
Introduction to HTML.
Applying References and Hyperlinks in Word 2010
Presentation transcript:

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

Unordered Lists 2

Ordered Lists - the list items are links 3

Nested and ordered lists (Part 1 of 3). A single list element 4

Nested and ordered lists (Part 2 of 3). Creates an ordered list within a list element Another single unordered list element Creates an ordered list within this list element Ends the list element Ends nested list 5

Nested and ordered lists (Part 3 of 3). 6

Linking ▫ A hyperlink references or links to other resources, such as HTML/XHTML documents and images ▫ Web browsers typically underline text hyperlinks and color them blue by default 7 Link

Linking ▫ Users can insert links with the a (anchor) element.  The href attribute specifies the resource (e.g., page, file, address) being linked  Anchors can link to an address using a mailto: URL  When a user clicks this type of anchored link, most browsers launch the default program (e.g., Outlook Express) to initiate an message addressed to the linked address 8

9

Linking to other web pages. Creates anchor elements that link to the URL specified in the href attribute 10

Linking to an address (Part 1 of 2). Hyperlink that creates a message to the address with the computer’s default program 11

Linking to an address (Part 2 of 2). 12

Further Reading Wikipedia’s explanation of HTML: ▫ W3schools.com XHTML Tutorial ▫ W3schools.com CSS Tutorial ▫ W3schools.com JavaScript Tutorial ▫ HTML Color Codes: ▫ ▫ HTML Tag Quick Reference Guide ▫