Hyperlinks 1 2.

Slides:



Advertisements
Similar presentations
Anatomy of a Web Page. Parts of a Web Page Title Bar Navigation Tool Bar Location Bar Header Graphic/Image Text Horizontal Rule Links.
Advertisements

Working with Forms. how are forms manipulated? the document object contains an array of forms objects, one for each form, in document order –forms[] any.
Intro to HTML. HTML HTML = HyperText Markup Language Used to define the content of a webpage HTML is made up of tags and attributes Content.
Designing Websites Using HTML and FrontPage A Typical Webpage View Source A webpage is a text file containing instructions to tell a computer how the.
Html: getting started HTML is hyper text markup language. It is what web browsers look at on the Internet. HTML documents should be created in a simple.
A guide to HTML. Slide 1 HTML: Hypertext Markup Language Pull down View, then Source, to see the HTML code. Slide 1.
Tech in the workplace Web Final. Final Web Assignment.
Web Page Development Identify elements of a Web Page Start Notepad
Learning HTML Week 6. Every Web Page Has the Same Basic Structure The title of your page The guts of the web page, text, graphics, links and so on.
TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 5, Day 1 (10/28)
COMP101 – Exploring Multimedia and Internet Computing LA2 (Thu 14:00 – 16:50) TA: Jackie Lo.
ETT 429 Spring 2007 Web Design I.
Creating Tables in a Web Site Using an External Style Sheet HTML5 & CSS 7 th Edition.
Creating Tables in a Web Site Using an External Style Sheet
Creating Tables in a Web Site.  Define table elements  Describe the steps used to plan, design, and code a table  Create a borderless table to organize.
Creating Tables in a Web Site
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.
Creating your Webpage with tables. This is a 2 column by 1 row table!
Web Design Unit Assignment #2: Job Skills Favorite Links Page You will create a HTML web page with links to informational websites about a variety of job.
CITY UNIVERSITY / Vysoká Škola Manažmentu.:IS Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 4 1. Create a folder on L/BSBA/IS330/website.
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.
Computing Theory: HTML Year 11. Lesson Objective You will: o Be able to define what HTML is - ALL o Be able to write HTML code to create your own web.
HTML. Hypertext Markup Language Lesson Objectives 1. We will be able to understand the need for HTML and where it is used 2. We will be edit HTML to.
HTML file format  Lesson Objective: Understanding HTML and how it is used to create web pages.  Learning Outcome:  Create a HTML page by interpreting.
How to make tables in HTML By Daniel Arze. How do they do this?
HTML ( HYPER TEXT MARK UP LANGUAGE ). What is HTML HTML describes the content and format of web pages using tags. Ex. Title Tag: A title It’s the job.
Index Here type your information or document that you want to look on the Web page.
CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 2 1.Create a new document 2.Save as L/bsba/IS330/yourfolder,
Introduction to HTML YLLSS - S3. HTML HyperText Markup Language It uses tags( 標籤 ) to markup a web page A tag is like a label, it is used to present its.
The Teacher Computing HTML HyperText Markup Language.
Quick Questions 1. What does HTML stand for? 2. What are the three main languages of the Web? 3. What is the purpose of the tags? 4. Why do we indent different.
Paper 3 Unit 15 – Web Authoring Software Choices Graphics Exporting Graphics Creating CSS RGB Colour CSS – Body, Table and TD Border Collapse Tables -
Cascading Style Sheets
Introduction to HTML UWWD. Agenda What do you need? What do you need? What are HTML, CSS, and tags? What are HTML, CSS, and tags? html, head, and body.
Marquees and Tables. Tags Fun Stuff Here! Creates text that scrolls from right to left! Animated text. This is a great tag but does not work on every.
Spiderman ©Marvel Comics Creating Web Pages (part 1)
HTML CS 105. Page Structure HTML elements control the details of how a page gets displayed. Every HTML document has the following basic structure: … …
Building a Web Page. Create A New Folder  Right click on the desktop and select New / Folder  Name the folder playpen.
This shows CIS17 and the first day introduction..
1 2/28/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Anchors and Tables.
Using Text Edit. Create Folders to Organize a Site  Identify the location where you are storing your Web sites. Ask your teacher for help if needed.
Project 02 Creating and Editing a Web Page Concept Map of Unit Creating and Editing a Web Page Key Learning Understand the elements to create a web page.
Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.
HTML And the Internet. HTML and the Internet ► HTML: HyperText Markup Language  Language in which all pages on the web are written  Not Really a Programming.
1 Mansoor Ahmed Bughio. 2 HTML TABLES With HTML you can create tables. Examples Tables This example demonstrates how to create tables in an HTML document.
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.
G053 Lecture 12 Introduction To HTML Mr C Johnston ICT Teacher
HTML 15-Feb-13HTML- lec 4 T.A. Reem Alshnaifi Tables Contents.
Getting Started – Basic Page Structure
Applying CSS to Tables Stylish Tables.
Essentials of HTML.
Table CSS Create a new CSS called tablestyle.CSS Green Background
Essentials of HTML.
HTML HYPERTEXT MARKUP LANGUAGE.
Web Design and Development
Creating Tables in a Web Site
Project 5 Creating an Image Map.
Intro to Web Development Links
Intro to Web Development First Web Page
HTML Extension.
HTML Tables.
HTML Structure.
For this assignment, copy and past the XHTML to a notepad file with the .html extension. Then add the code I ask for to complete the problems.
Creating your first website
Creating your first website
Make a Heading and sub-headings.
Hypertext Markup Language Table 11th Lecture
Contents: 1. More on tables 2. Images (the <img> tag)
Unit 13: Website Development
HTML Lesson 3.
Presentation transcript:

Hyperlinks 1 2

Hyperlinks Create 2 new notepads – save one as MainPage.htm and the other as FirstPage.htm On the MainPage type the following

Add the code to each notepad with the hyperlink. Take a screenshot of the notepad like I have here – add this to your powerpoint Add a screenshot of the browser

Exercise : Tables Open a new notepad and copy in the code on the right Save the notepad as “Table.htm”. Change the border number and see what happens Take a screenshot of what you see Explain what the following mean TR TD TH Label these tags and show where they are on the internet page <HTML> <HEAD> <TITLE>Table</TITLE> </HEAD> <BODY> <TABLE BORDER=1> <TH>Song</TH> <TR><TD>No Woman, NoCry</TD></TR> <TR><TD>Catch a Fire</TD></TR> </TABLE> </BODY> </HTML>

Open the file on web browser. This would give you the table below: Important Note   This table uses the basic three tags all tables must have: <TABLE ...> This creates the table. Most of the overall properties of the table are defined here, such as if it has borders and what is the table's background colour. <TR ...> (Table Row) This defines each row of the table. <TD ...> (Table Data) This defines each cell of the table.