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

Slides:

Advertisements

Similar presentations

Introduction to HTML

Advertisements

Chapter 3 – Web Design Tables & Page Layout

WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?

HTML Basics 1450 Technology Seminar Copyright 2003, Matthew Hottell.

Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.

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.

HTML Minute University Richard Fisher 10/1/2001 HTML FSA Training2 HTML Overview  HTML  HyperText Markup Language.

How Tags are used to form your Web Page

Chapter 4 Marking Up With Html: A Hypertext Markup Language Primer.

1 HTML Markup language – coded text is converted into formatted text by a web browser. Big chart on pg. 16—39. Tags usually come in pairs like – data Some.

Web development  World Wide Web (web) is the Internet system for hypertext linking.  A hypertext document (web page) is an online document. It contains.

Unit 2, cont. September 14 HTML,Validating your pages, Publishing your site.

Web Page Development Identify elements of a Web Page Start Notepad

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

Creating Web Pages Getting Started. Overview What Web Pages Are How Web Pages are Formatted Putting Graphics on Web Pages How Web Pages are Linked Linking.

HTML Introduction HTML

Computer Science 103 Chapter 2 HyperText Markup Language (HTML)

ETT 429 Spring 2007 Web Design I.

HTML Code. What we will cover Basic HTML Body Font Images Hyperlinks Tables Frames.

Designing Web Pages Getting to know HTML... What is HTML? Hyper Text Markup Language HTML is the major language of the Internet’s World Wide Web. Web.

With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)

Building Our Website Step by Step. Step 1: Open a new Microsoft Word document. Save it as “How To [Your topic] Website.”

Creating Tables in a Web Site Using an External Style Sheet

Presenting Information on WWW using HTML. Presenting Information on the Web with HTML How Web sites are organized and implemented A brief introduction.

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.

Chapter 4 Fluency with Information Technology L. Snyder Marking Up With HTML: A Hypertext Markup Language Primer.

Exploring Microsoft Office XP - Microsoft Word 2002 Chapter 61 Exploring Microsoft Word Chapter 6 Creating a Home Page and Web Site By Robert T. Grauer.

HTML & CSS A brief introduction. OUTLINE 1.What is HTML? 2.What is CSS? 3.How are they used together? 4.Troubleshooting/Common problems 5.More resources.

McGraw-Hill/Irwin © The McGraw-Hill Companies, All Rights Reserved TECHNOLOGY PLUG-IN T10 Creating Web pages Using HTML.

Today’s Topic Language of web page - HTML (Hypertext Markup Language)

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.

Understanding HTML Code

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.

McGraw-Hill/Irwin Copyright © 2013 by The McGraw-Hill Companies, Inc. All rights reserved. Extended Learning Module F Building a Web Page with HTML.

1 Basic HTML. 2 Part 1: Basic Web Page Production.

Basic HTML Workshop By: Preeda Chunjongkolkul (Pete) Systems Librarian/Webmaster

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.

HTML 4 Foundation Level Course HyperText Markup Language Most common language used in creating Web documents. You can use HTML to create cross-platform.

Introduction to HTML. What is a HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup tags  The.

Just Enough HTML How to Create Basic HTML Documents.

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.

HTML INTRODUCTION. What is HTML?  HTML stands for Hypertext Markup Language  Developed in 1990  Hidden code that helps us communicate with others on.

All you ever needed to know…and more!. H.T.M.L. HyperText Mark-up Language Web’s programming language All web browsers Set of instructions Written with.

Lesson 2: Basic HTML Code Basic HTML Code. HTML is an acronym for Hypertext Markup Language. Internet browsers translate the HTML code into texts and.

HTML: Hyptertext Markup Language Doman’s Sections.

CPSC 203 Introduction to Computers Lab 33 By Jie Gao.

4 Chapter Four Introduction to HTML. 4 Chapter Objectives Learn basic HTML commands Discover how to display graphic image objects in Web pages Create.

Introduction to HTML Xiangming Mu 9/23/ Learning Objectives Understand basic HTML tags and their attributes Learn to create a simple HTML page.

LEARNING HTML PowerPoint #1 Cyrus Saadat, Webmaster.

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

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,

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 Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.

Take Web Design Presurvey Username: First initial, last name For example, Omar Estrella -> oestrella Password: Same as.

Basic HTML Programming Technology Education Ellsworth Community Middle School Communication Systems.

CPSC 203 Introduction to Computers Lab 23 By Jie Gao.

1 3/30/05CS120 The Information Era CS120 The Information Era Chapter 4 – More HTML Specifics TOPICS: Frames Problem Review, Nested Frames.

HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.

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.

1 HTML. 2 Full forms WWW – world Wide Web HTTP – Hyper Text Transfer Protocol HTML – Hyper Text Markup Language.

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.

HTML  HyperText Markup Language  The Language used to design web pages  Code mixed with text  Tags enclosed in angle brackets  Single tags  Paired.

Web Basics: HTML/CSS/JavaScript What are they?

Marking Up with XHTML Tags describe how a web page should look

Creating a Home Page in HTML

Web Design and Development

Marking Up with XHTML Tags describe how a web page should look

Presentation transcript:

Anatomy of a Web Page

Parts of a Web Page Title Bar Navigation Tool Bar Location Bar Header Graphic/Image Text Horizontal Rule Links

What is HTML? HTML –Hyper Text Markup Language HTTP –Hyper Text Transfer Protocol Uses Tags Not Scripting Language Not a Programming Language

What does HTML look like? Donna’s Web Page Donna's Web Page This is a sample of a web page. Links: T3 Home Page ATR Home Page

This is what the page looks like on the Web

Tells that this is an HTML file What you type inside of these tags goes in the title bar at the top These tags have end tags Donna’s Web Page Donna's Web Page This is a sample of a web page. Links: T3 Home Page ATR Home Page So what are the HTML tags?

Body info goes in the body tags in this case the color Header tag indicates a header & conforms to certain formatting rules Headers are 1-6 (1 is the largest) Includes a space below the end of the line Both need end tags Donna’s Web Page Donna's Web Page This is a sample of a web page. Links: T3 Home Page ATR Home Page

So what are the HTML tags? tag Requires end tag Tells where & what the image is Must be saved as a gif or jpg Also includes info such as size Paragraph Ends the word wrap & adds a space after last line Donna’s Web Page Donna's Web Page This is a sample of a web page. Links: T3 Home Page ATR Home Page

So what are the HTML tags? tag Horizontal Rule Puts in a line LINKS Gives information about the link Can be a hyperlink, a link to another page in the site, or a mailto link Both need end tags Donna’s Web Page Donna's Web Page This is a sample of a web page. Links: T3 Home Page ATR Home Page

Other HTML Tags Tags Table Row Table Data All need end tags Tables

What do you do with a table? Input data Format page Format Newletters on line Use it to make borders around text

Other HTML Tags Break -- puts a break at the end of the line instead of a space creates an extra space; use to fill a cell in the table; use to give extra spaces between words or links use this to give information; will not appear in the html document Tag -- goes within the head tags; sample uses -- gives info about author & program that was used to create file, can give info to robot such as topic info (keywords) or redirect

So Why Do I HAVE to Know This?