Presentation is loading. Please wait.

Presentation is loading. Please wait.

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.

Published byJoel Gordon Modified over 7 years ago

Similar presentations

Presentation on theme: "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."— Presentation transcript:

1 Web Site Design Unit 11.3A: Web programming

2 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 colours exist?

3 Images and Links Tags O O The tag is the one used to make hyperlinks (or just links) on webpages. These are the words or images you click to go to a new page! O O src stands for "source." It tells the link where the picture comes from!

4 Images and Link Tags O. This tag is a bit different from the others. Instead of putting the content between the tags, you tell the tag where to get the picture using O href stands for "hypertext reference." O Remember that hypertext (that is, links) is text you can click on? O Well, href tells that link where to go! O The text after href is the web address, and the text between and is the text you click on.

5 Links to W3schools, codecademy and code.he.net O http://www.codecademy.com/tracks/web http://www.codecademy.com/tracks/web O http://code.he.net/ http://code.he.net/ O http://learningclubhouse.com/ http://learningclubhouse.com/ O http://www.teach- ict.com/gcse_new/software/web_design/miniweb/inde x.htm http://www.teach- ict.com/gcse_new/software/web_design/miniweb/inde x.htm O http://www.teach- ict.com/gcse_new/software/web_design/quiz/walkplan k_web_design.htm http://www.teach- ict.com/gcse_new/software/web_design/quiz/walkplan k_web_design.htm O http://www.w3schools.com/html/default.asp http://www.w3schools.com/html/default.asp

6 Extended Links O http://www.codecademy.com/tracks/web http://www.codecademy.com/tracks/web O http://code.he.net/ http://code.he.net/ O http://learningclubhouse.com/ http://learningclubhouse.com/ O http://www.teach- ict.com/gcse_new/software/web_design/miniweb/inde x.htm http://www.teach- ict.com/gcse_new/software/web_design/miniweb/inde x.htm O http://www.teach- ict.com/gcse_new/software/web_design/quiz/walkplan k_web_design.htm http://www.teach- ict.com/gcse_new/software/web_design/quiz/walkplan k_web_design.htm O http://www.w3schools.com/html/default.asp http://www.w3schools.com/html/default.asp

Download ppt "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."

Similar presentations

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.

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.
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.

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.
INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking.

INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking.
External Site Links by Awnya Boam. Links are found… …almost everywhere on the internet. They allow users to travel from one site to another.

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

HTML Semantic Structure
Relative and Absolute Relative Absolute.  In web-page design, a hyperlink (or link) is a reference to a document that the reader can directly follow,

Relative and Absolute Relative Absolute.  In web-page design, a hyperlink (or link) is a reference to a document that the reader can directly follow,
Creating hyperlinks with the tag Skills: using the tag IT concepts: tag, attribute This work is licensed under a Creative Commons Attribution-Noncommercial-Share.

Creating hyperlinks with the tag Skills: using the tag IT concepts: tag, attribute This work is licensed under a Creative Commons Attribution-Noncommercial-Share.
LIST- HYPERLINK- IMAGES

LIST- HYPERLINK- IMAGES
 2003 Prentice Hall, Inc. All rights reserved. Chapter 4 - Introduction to XHTML: Part 1 Outline 4.1 Introduction 4.2 Editing XHTML 4.3 First XHTML Example.

 2003 Prentice Hall, Inc. All rights reserved. Chapter 4 - Introduction to XHTML: Part 1 Outline 4.1 Introduction 4.2 Editing XHTML 4.3 First XHTML Example.
CM143 - Web Week 2 Basic HTML. Links and Image Tags.

CM143 - Web Week 2 Basic HTML. Links and Image Tags.
 2004 Prentice Hall, Inc. All rights reserved. Introduction to XHTML: Part 1.

 2004 Prentice Hall, Inc. All rights reserved. Introduction to XHTML: Part 1.
 2003 Prentice Hall, Inc. All rights reserved. Chapter 4 - Introduction to XHTML: Part 1 Outline 4.1 Introduction 4.2 Editing XHTML 4.3 First XHTML Example.

 2003 Prentice Hall, Inc. All rights reserved. Chapter 4 - Introduction to XHTML: Part 1 Outline 4.1 Introduction 4.2 Editing XHTML 4.3 First XHTML Example.
HTML Basics An Introduction to HTML. What is HTML? Stands for “Hyper Text Markup Language” Composed of “tags” which are surrounded by sideways triangles.

HTML Basics An Introduction to HTML. What is HTML? Stands for “Hyper Text Markup Language” Composed of “tags” which are surrounded by sideways triangles.
Basics of HTML. Example Code Hello World Hello World This is a web page.

Basics of HTML. Example Code Hello World Hello World This is a web page.
Web Site Design Unit 11.3A: Web programming. Starter Activity O In pairs, name the 5 most things to think about when designing a website O You have 1.

Web Site Design Unit 11.3A: Web programming. Starter Activity O In pairs, name the 5 most things to think about when designing a website O You have 1.
HTML Links and Anchors.

HTML Links and Anchors.
1 Outline 3.1 Introduction 3.2 Editing HTML 3.3 First HTML Example 3.4 W3C HTML Validation Service 3.5 Headers 3.6 Linking 3.7 Images 3.8 Special Characters.

1 Outline 3.1 Introduction 3.2 Editing HTML 3.3 First HTML Example 3.4 W3C HTML Validation Service 3.5 Headers 3.6 Linking 3.7 Images 3.8 Special Characters.
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.

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?

Review: How do you change the border color of an image?
Should have seen something like this last week What does do? stands for table row and starts a new row in the table.

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

Similar presentations

Ads by Google