Should have seen something like this last week What does do? stands for table row and starts a new row in the table.

Slides:



Advertisements
Similar presentations
HTML 4 Hypertext Markup Language Tables, Lists & Links Science & Art Multimedia.
Advertisements

HTML Basics 1450 Technology Seminar Copyright 2003, Matthew Hottell.
Learning HTML. > Title of page This is my first homepage. Tells Browser This is an HTML page Basic Tags Tells Browser End of HTML page Header information.
Need to define two things: › The destination › Something to click on to get there  Tag is click here  Can be text, special character or image (next.
Click here to start the game! 20 Points 30 Points 40 Points 50 Points 10 Points 20 Points 30 Points 40 Points 50 Points 30 Points 40 Points 50 Points.
Creating hyperlinks with the tag Skills: using the tag IT concepts: tag, attribute This work is licensed under a Creative Commons Attribution-Noncommercial-Share.
HTML Introduction (cont.) 10/01/ Lecture 8, MAT 279, Fall 2009.
Lecture Navigation. What is Navigation? Hypertext – creates links Process of linking from a page to: –Another page in the same website –Another page on.
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.
A02 Creating my website NAME ______________. UNIT 2 – A02 – Creating my Website The purpose of this assessment objective is to create 5 web pages containing.
HTML. Creating a Table Attributes: border: indicates the border type of the table Value: 0 (no border), 1, 2, etc. cols: indicates the number of columns.
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 HTML The Magic Of Web Pages. Create an HTML folder  Make a folder in your H drive and name it “HTML”. We will save EVERYTHING for this unit here.
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?
Creating your Webpage with tables. This is a 2 column by 1 row table!
The Nav Bar. Nav is short for Navigation. Having a Navigation Bar makes searching for information easier on those accessing your page. Here are some common.
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.
1 3/7/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: More on tables and images.
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.
Internet Applications Development Lecture 5 L. Obead Alhadreti.
Making a Game Linking Slides. To link slides: 1.Prepare your storyboard 2.Complete all slides 3.Link the slides.
Designing Web Sites Using “tags” Tags are codes inserted among the text to tell the text how to behave Their format is very rigid; they always look like.
Lecture 2 Building Web Pages 1 Lecture 2  Building Web pages  Languages and programs  HTML - Hyper Text Markup Language  Netscape’s Composer  MicroSoft.
Open Dreamweaver Start All programs Adobe design and web premium Adobe Dreamweaver.
G053 Lecture 12 Introduction To HTML Mr C Johnston ICT Teacher
Last week you should have had something that looked like this.
1 Web Developer Foundations: Using XHTML Chapter 3 XHTML Hyperlinks and Tables.
HTML: Hyptertext Markup Language Doman’s Sections.
HTML Concepts and Techniques Fifth Edition Chapter 6 Using Frames in a Web Site.
LEARNING HTML PowerPoint #1 Cyrus Saadat, Webmaster.
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.
Using an HTML image (img) element’s onclick event to change the source (src) of an iframe to an embedded youtube video.
1 Review of HTML Elements. 2 The tag These tags are marked as comments in HTML. Any text between these two comment tags will.
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.
YEAR 8 – WEB DESIGN IN HTML Lesson 3. STARTER Use the internet to find out what A hyperlink is used for? Use ‘Microsoft Word’ to write down your answer.
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.
Home page Web page link 1 Web page link 2Web page link 3Web page link 4.
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.
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.
`. Lecture Overview HTML Body Elements Linking techniques HyperText references Linking images Linking to locations on a page Linking to a fragment on.
1 3/30/05CS120 The Information Era CS120 The Information Era Chapter 4 – More HTML Specifics TOPICS: Frames Problem Review, Nested Frames.
INT222 – Internet Fundamentals
Dreamweaver – Setting up a Site and Page Layouts Web Design Section 7-2 Part or all of this lesson was adapted from the University of Washington’s “Web.
Chapter 4 HTML Tags. HTML is written in something called tags. Tags come in pairs, an opening one and a closing one. The first pair of tags we'll write.
01 – HTML (1) Informatics Department Parahyangan Catholic University.
HTML Help book. HTML HTML is the programming language used to make web pages for the Internet. HTML stands for Hyper Text Markup Language. HTML is made.
Introduction to HTML 4.0 Getting Started – Links, Images, Font, and List Teacher: Mr. Ho.
Web Site Design Unit 11.3A: Web programming. Tags and Elements O h1 O p O h6 O li O Ol O Ul O Strong O Bold O Emphasis O Sub O Sup O How many standard.
INTRODUCTION ABOUT DIV Most websites have put their content in multiple columns. Multiple columns are created by using or elements. The div element is.
Online PD Basic HTML The Magic Of Web Pages
Hyperlink Anchor tag and its attributes Four Types of URL
Hosted by Coach Slanina
Hyperlink Anchor tag and its attributes Four Types of Hyperlink
Lesson Objectives Lesson Outcomes
Hyperlink Anchor tag and its attributes Four Types of URL
Websites lesson 5.
Intro to Web Development Links
Using rowspan and colspan attributes
Using rowspan and colspan attributes
Pertemuan 1b
Lesson 4: Hyperlinks.
A02 Creating my website NAME ______________.
Hyperlinks Anchor Tags.
Presentation transcript:

Should have seen something like this last week

What does do? stands for table row and starts a new row in the table

What does do? stands for table data, and starts a new cell in the row

What does colspan=‘3’ do? That specific cell will take up 3 columns

I forgot to end both table rows with a

Content needs to go between and

Attributes need quotations around them ( either a ‘ or “ )

 Why do we want to links?  So we can see more than just 1 page at a time  Creating more pages is better than having a lot of content on one page  People can find what they want a lot easier!  You’ve definitely used them before … but if you’ve forgotten they sometimes look like this…

To make a hyperlink you need to use an tag and around what you want users to click on My example asks users to click the text “here…” but you can also make images hyperlinks!

The href attribute is the hypertext reference … or in English – the destination page. Remember how you made pathnames for our images using the src attribute? This should be easier as all our pages are in the top folder so we should just write the file name for the href

 More W3Schools   Task  Open up the Link Worksheet presentation