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

Slides:

Advertisements

Similar presentations

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

Advertisements

CREATED BY : VIRAL M.KORADIYA. Anchor elements are defined by the element. The element accepts several attributes, but either the Name or HREF attribute.

Internet Programming Practicum Credits : 4 Information System Study Program 1Internet Programming Practicum Lecturers : Kurniawan, S.Kom., M.M. Module.

HTML Concepts and Techniques Fourth Edition Project 6 Using Frames in a Web Site.

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.

External Site Links by Awnya Boam. Links are found… …almost everywhere on the internet. They allow users to travel from one site to another.

Tutorial 8 Designing a Web Site with Frames. XP Objectives Explore the uses of frames in a Web site Create a frameset consisting of rows and columns of.

Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 9: Frames © 2007 Prosoft Learning Corporation All rights reserved ITD 110 Web Page Design.

Chapter 6 Working with Frames.

Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 9: HTML Frames.

Frameset. FrameSet With frames, we can display more than one HTML document in the same browser window. Each HTML document is called a frame, and each.

HTML Tags. Objectives Know the commonly used HTML tags Create a simple webpage using the HTML tags that will be discussed.

HTML Links and Anchors.

Headings, Paragraphs, Formatting, Links, Head, CSS, Images

WHAT are frames? what.html are.htmlframes.html. Intro to Frames HTML frames allow you to display more than 1 HTML document in the same browser window.

XP 1 Tutorial 5 Using Frames in a Web Site. XP 2 Tutorial Objectives  Describe the uses of frames in a Web site  Lay out frames within a browser window.

FRAMES. With frames, we can display more than one HTML document in the same browser window. Each HTML document is called the same browser window. Each.

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.

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

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

Hyperlinks. Linking pages…Hyperlinks 2 Lecture 8  Hyperlink “A clickable HTML element that will direct the web browser to display a different Web page.

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.

Images (1) Three most popular formats – Graphics Interchange Format (GIF) – Joint Photographic Experts Group (JPEG) – Portable Network Graphics (PNG) –

Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Project 4: Creating Hyperlinks Kelly L.

HTML Introduction to HTML Tags. HTML Document My first HTML document Hello world!

Doing L I N K S Links 1: Internal Links Links to anchors on the current page (Internal).

Web Design ATBs. ATB #1 List headings and size ATB #2 Define HTML.

HTML: Tables & Frames Internet Technology1. HTML: Tables Table tags ► surround the entire table ► header row (text is boldfaced) ► surround each row ►

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.

Making a Game Linking Slides. To link slides: 1.Prepare your storyboard 2.Complete all slides 3.Link the slides.

HTML Concepts and Techniques Fourth Edition Project 6 Using Frames in a Web Site.

Tutorial 8 Designing a Web Site with Frames. XP Objectives Explore the uses of frames in a Web site Create a frameset consisting of rows and columns of.

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

Working with HTML Frames The Good, The Bad & The Ugly.

1 Planning and Laying Out Frames Sketch the frame structure on paper before writing the HTML code two rows two columns.

HTML (Hypertext Markup Language) – Class 3 Recap: HTML Special Characters (ex: ©). Including Images – using the tag. Lists – Ordered and Unordered.

The Web Wizard’s Guide to HTML Chapter Seven Frames.

Using Frames in a Website GMU November 12-13, 2004.

HTML: Tables & Frames Internet Technology.

HTML Hypertext Markup Language. WORKING WITH FRAMES.

Tutorial 8 Designing a Web Site with Frames. 2New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition Objectives Explore the uses of frames.

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. Create TABLE in an HTML Tables are defined with the tag. A table is divided into rows (with the tag), and each row is.

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 (Hypertext Markup Language) Recap: HTML essential tags:,,, Text Formatting:,,,,,,. Font manipulation:

1 Review of HTML Elements. 2 The tag These tags are marked as comments in HTML. Any text between these two comment tags will.

Using Frames in a Web Site Project 6. Project Objectives Project 6: Using Frames in a Web Site 2 Define terms related to frames Describe the steps used.

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.

HTML FRAMES With Frames, you can display more than one Web page in the same browser window.

HTML CS 105. Page Structure HTML elements control the details of how a page gets displayed. Every HTML document has the following basic structure: … …

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.

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.

LINKING WEBPAGES USING HTML HYPERLINKS. Hyperlinks are text strings or images on a webpage which when clicked on, links to another section in the same.

Site Development Foundations © 2004 ProsoftTraining All rights reserved.

HTML Comprehensive Concepts and Techniques Second Edition Creating Frames on a Web Page.

Lesson 9. Test 1 How was the test ? Assignment 1 (must complete satisfactorily even if you do not get any marks for it !!!!!!)

Client-Side Internet and Web Programming

Table of Contents Creating Frames Frameset Tag and its attributes

Table of Contents Creating Frames Frameset Tag and its attributes

Table of Contents Creating Frames Frameset Tag and its attributes

Presentation transcript:

HTML Lab4 Ins.Samia alblwi

O UTLINE : 1-Links 2-Frame

HTML H YPERLINKS (L INKS ) 1-A hyperlink (or link) is a word, group of words, or image that you can click on to jump to a new document or a new section within the current document. 2-Links are specified in HTML using the tag. 3-The tag can be used in two ways: A-To create a link to another document, by using the href attribute B-To create a bookmark inside a document, by using the name attribute

HTML H YPERLINKS (L INKS ) HTML Link Syntax Link text The href attribute specifies the destination of a link.

Local file: Note:if the links refer to page inside subfolder at current folder text

L INK INSIDE D OCUMENT A named anchor inside an HTML document: Create a link to the "Useful Tips Section" inside the same document: Useful Tips Section Visit the Useful Tips Section

HTML L INKS - T HE TARGET A TTRIBUTE The target attribute specifies where to open the linked document. The example below will open the linked document in a new browser window or a new tab: lab2

L INKS COLOR 1-LINK 2-ALINK 3-VLINK

MAILTO

F RAMES With frames, you can display more than one HTML document in the same browser window. Each HTML document is called a frame, and each frame is independent of the others.

1-The tag defines how to divide the window into frames 2-Each frameset defines a set of rows or columns 3-The tag defines what HTML document to put into each frame Important: You cannot use the tags together with the tags!

Note: The frameset column size value can also be set in pixels ( cols="200,500" ), and one of the columns can be set to use the remaining space ( cols="25%,*" ).

E XERCISE