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.

Slides:

Advertisements

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.

Advertisements

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.

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

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.

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.

CM143 - Web Week 2 Basic HTML. Links and Image Tags.

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

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.

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.

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.

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.

HTML (HyperText Markup Language)

1 Essential HTML coding By Fadi Safieddine (Week 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.

Images in HTML PowerPoint How images are used in HTML.

F-1 Management Information Systems for the Information Age Copyright 2004 The McGraw-Hill Companies, Inc. All rights reserved Extended Learning Module.

Linking web pages Wah Yan College (Hong Kong) Mr. Li C.P.

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.

Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic.

WEB DESIGN AND PROGRAMMING Introduction to XHTML.

Web Design. How do web pages work? Webpages are written in a code called HTML. Programs like Internet Explorer read the code, and then show it as a web.

HTML GUIDE Press F5 and then Click on the links on the left to get to the section you want Section 1: Getting Started Section 2: Moving Banner Section.

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.

Lesson 6 Links. Creating Folders  For every web site/page, you need to create a separate folder  The computer cannot find links if they are not stored.

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

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.

HTML 17 HTML 17. HTML 17 HTML is the language for making webpages Hypertext Markup Language You need to know the basics Questions about HTML are common.

Introduction to HTML 4.0 Getting Started – Links, Images, Font, and List Teacher: Mr. Ho.

What you can see in the picture?

Introduction to HTML:.

Images in HTML PowerPoint How images are used in HTML

Elements of HTML Web Design – Sec 3-2

Elements of HTML Web Design – Sec 3-2

Creating a Web Page.

HTML GUIDE Press F5 and then

AN INTRODUCTORY LESSON TO MAKING A SIMPLE WEB PAGE By: RC Emily Solis

Elements of HTML Web Design – Sec 3-2

Chapter 4 - Introduction to XHTML: Part 1

COMPUTING FUNDAMENTALS

Web Design and Development

Lesson Objectives Lesson Outcomes

HTML 12/27/2018.

HTML ELEMENTS Ms. Olifer.

Websites lesson 5.

Making Web pages.

Introduction to HTML- Basics

Intro to Web Development Links

Lesson 4: Hyperlinks.

Task: Have a look at these websites:

Computer communications

To insert a hyperlink ( a web page address, URL) using text

Johan Ng and Muhammad Hazzry

Making Web pages (3).

Hyperlinks Anchor Tags.

Images in HTML PowerPoint How images are used in HTML

Presentation transcript:

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

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!

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.

Links to W3schools, codecademy and code.he.net O O O O ict.com/gcse_new/software/web_design/miniweb/inde x.htm ict.com/gcse_new/software/web_design/miniweb/inde x.htm O ict.com/gcse_new/software/web_design/quiz/walkplan k_web_design.htm ict.com/gcse_new/software/web_design/quiz/walkplan k_web_design.htm O

Extended Links O O O O ict.com/gcse_new/software/web_design/miniweb/inde x.htm ict.com/gcse_new/software/web_design/miniweb/inde x.htm O ict.com/gcse_new/software/web_design/quiz/walkplan k_web_design.htm ict.com/gcse_new/software/web_design/quiz/walkplan k_web_design.htm O