HTML Lesson 4 Hyper Text Markup Language. Assignment Part 3  Save your last html file as “FirstName3.htm”  Set the title as “FirstName LastName Third.

Slides:



Advertisements
Similar presentations
HTML Basic Lecture What is HTML? HTML (Hyper Text Markup Language) is a a standard markup language used for creating and publishing documents on.
Advertisements

Introduction to Web Design Lecture number:. Todays Aim: Introduction to Web-designing and how its done. Modelling websites in HTML.
3.02D HTML Overview 3.02 Develop webpages.
Anatomy of a Web Page. Parts of a Web Page Title Bar Navigation Tool Bar Location Bar Header Graphic/Image Text Horizontal Rule Links.
Basic HTML Workshop LIS Web Team Spring 2007.
Introduction to HTML & CSS
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.
Hyper Text Markup Language.  HTML is a language for describing web pages.  HTML stands for Hyper Text Markup Language  HTML is not a programming language,
WeB application development
Linking Your Web Pages Together. Links… index.htmunit4.htm Evaluation of web graphics GIF vs. JPEG Web photo album To link the lines in index.htm to the.
HTML Creating Web pages. HTML Hyper Text Markup Language Not programming, but a markup language using tags to format text in Web browsers.
How Tags are used to form your Web Page
HTML Introduction (cont.) 10/01/ Lecture 8, MAT 279, Fall 2009.
LIST- HYPERLINK- IMAGES
Made by: Dan Ye. Introduction Basic Last Page ☆ HTML stands for Hyper Text Markup Language; ☆ HTML is not a programming language, it is a markup language;
Basic HTML Workshop LIS Web Team Fall What is HTML? Stands for Hyper Text Markup Language Computer language used to create web pages HTML file =
CPSC 203 Introduction to Computers Lab 39, 40 By Jie (Jeff) Gao.
HTML. We’ll learn … What HTML is What tags are What a basic web page looks like What 3 HTML tags are required What HTML comments look like How to title.
HTML Links and Anchors.
Today’s Topic Language of web page - HTML (Hypertext Markup Language)
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.
Informatics Computer School CS114 Web Publishing HTML Lesson 2.
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.
All Web pages are written with some form of HTML (HyperText Markup Language). HTML documents are saved as Text Only files so virtually any computer can.
HTML. WHAT IS HTML HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language A markup language is a set of.
OBJECTIVES  What is HTML  What tools are needed  Creating a Web drive on campus (done only once)  HTML file layout  Some HTML tags  Creating and.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
Linking web pages Wah Yan College (Hong Kong) Mr. Li C.P.
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 Hyper Text Markup Language. What is an HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup.
1.  Use the anchor element to link from page to page  Configure absolute, relative, and hyperlinks  Configure relative hyperlinks to web pages.
Basic HTML Hyper text markup Language. Lesson Overview  In this lesson, you will learn to:  Write HTML code using a text editor application such as.
HTML Lesson 5 Hyper Text Markup Language. Assignment 4  Create a new HTML page called index.htm and save it in your HTML_Folder  Use the same format.
HTML: Hyptertext Markup Language Doman’s Sections.
Week 1 – Beginners Content McAfee & Big Fish Games CoderDojo.
CPSC 203 Introduction to Computers Lab 33 By Jie Gao.
Introduction to HTML Xiangming Mu 9/23/ Learning Objectives Understand basic HTML tags and their attributes Learn to create a simple HTML page.
HTML Lesson 3 Hyper Text Markup Language. Assignment Part 2  Set the file name as “FirstName2.htm”  Set the title as “FirstName LastName First Web Site”
HTML file format  Lesson Objective: Understanding HTML and how it is used to create web pages.  Learning Outcome:  Create a HTML page by interpreting.
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 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.
CPSC 203 Introduction to Computers Lab 66 By Jie Gao.
HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place.
HTML Basic. What is HTML HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it.
Web Design Mr. Briggs’ Classes September 6-7, 2011.
HTML Hyper Text Markup Language 1BFCET BATHINDA. Definitions Web server: a system on the internet containing one or more web site Web site: a collection.
HTML (Hyper Text Markup Language) Lecture II. Review Writing HTML files for web pages – efficient compact – fundamental. Text files with htm extension.
HTML HyperText Markup Language. Text Files An array of bytes stored on disk Each element of the array is a text character A text editor is a user program.
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: … …
HTML Comprehensive Concepts and Techniques Second Edition Project 2 Creating a Web Site with Links.
Creating a Web Page Presented by: Bernadette G. Bautista Manuel I. Santos MNHS April 29, 2011.
REEM ALMOTIRI Information Technology Department Majmaah University.
1 2/28/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Anchors and Tables.
Behind every site is a mix of special languages that your web browser understands The main way of describing any website is HTML HTML stands for Hyper.
Introduction lab1. Suzanne J. Sultan 2 What is HTML? The definition of HTML is Hyper Text Markup Language. HTML is a computer language devised to allow.
HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
McGraw-Hill Technology Education © 2004 by the McGraw-Hill Companies, Inc. All rights reserved. Office Word 2003 Working Together 1 Word 2003 and Your.
HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place Programming language.
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.
3.00cs HTML Overview 3.00cs Develop webpages.
Hosted by Coach Slanina
HTML.
Basic HTML and Embed Codes
Intro to Web Development Links
Internet Technologies I - Lect.01 - Waleed Ibrahim Osman
Presentation transcript:

HTML Lesson 4 Hyper Text Markup Language

Assignment Part 3  Save your last html file as “FirstName3.htm”  Set the title as “FirstName LastName Third Web Site”  Use the following format for your page:  Name  Computer Tech  Period ___ Assignment 3   From the Public image folder select a photo of the members of your group. Add this photo to your first paragraph.  Go into the Alice program and save six photos of your show. Add these photos to in two rows at the end of your third paragraph.

HTML Links  HTML uses a hyperlink to link to another document on the Web.

The Anchor Tag and the Href Attribute  HTML uses the (anchor) tag to create a link to another document.  An anchor can point to any resource on the Web: an HTML page, an image, a sound file, a movie, etc.  The syntax of creating an anchor: Text to be displayed

 Text to be displayed The tag is used to create an anchor to link from, the href attribute is used to address the document to link to, and the words between the open and close of the anchor tag will be displayed as a hyperlink.  This anchor defines a link to W3Schools:  My personal Web Site The line above will look like this in a browser:  My personal Web Site My personal Web Site

 Text to be displayed The tag is used to create an anchor to link from, the href attribute is used to address the document to link to, and the words between the open and close of the anchor tag will be displayed as a hyperlink.  This anchor defines a link to W3Schools:  Visit W3Schools! The line above will look like this in a browser:  Visit W3Schools! Visit W3Schools!

Assignment 4  Create a new HTML page called index.htm and save it in your HTML_Folder  Use the same format which we have used on the last three assignments.  Use this page to introduce yourself as this will be the first page viewers will see. It is referred to as your home page.  Continued…

Assignment 4 Continued…  Add links to each of the other three assignments which we have done  At the end of each of those assignments, add links back to your home page.  On your home page, add three links. District web page Newport High School page Mr. Thompson’s SharePoint Site  Assignment 4 Continued…

Assignment 4 Continued…  For grading purposes, do not print anything out for this assignment until your instructor has check all of your links.  You will only print your home page (index.htm) from your browser after it has been OK’d.