Explorers Guild April 27, 2000. What is HTML? Hypertext Markup Language (HTML) is the basic building block of the World Wide Web page. HTML files are.

Slides:



Advertisements
Similar presentations
Introduction to HTML. A Web Page is.. An ASCII (text) file.. Whose filename ends with.htm or.html –index.html or cookie-recipe.htm Contains HTML tags.
Advertisements

HTML popo.
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.
Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.
INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking.
Chapter 4 Marking Up With Html: A Hypertext Markup Language Primer.
HTML Programming last updated 9/12/05 at 1:30pm HyperText Markup Language Reference: – HTML BasicsHTML Basics An HTML program is a set of paired tags that.
 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.
 2004 Prentice Hall, Inc. All rights reserved. Introduction to XHTML: Part 1.
Creating a Web Page HyperText Markup Language. HTML Documents  Created using any text editor  Notepad  Vi, Pico, or Emacs  If using word-processor,
Marking Up With Html: A Hypertext Markup Language Primer
 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.
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
HTML: PART ONE. Creating an HTML Document  It is a good idea to plan out a web page before you start coding  Draw a planning sketch or create a sample.
© 2005 ComputerPREP, Inc. All rights reserved. HTML 4.0 and Web Page Design Module I.
Basics of HTML.
CS105 Introduction to Computer Concepts HTML
Chapter 4 Fluency with Information Technology L. Snyder Marking Up With HTML: A Hypertext Markup Language Primer.
Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Fluency with Information Technology Third Edition by Lawrence Snyder Chapter.
Introduction to HTML. Topics HTML –What is HTML –Parts of an HTML Document –HTML Tags.
HTML Overview Part 2 – Paragraphs, Headings, and Lines 1.
McGraw-Hill/Irwin © The McGraw-Hill Companies, All Rights Reserved TECHNOLOGY PLUG-IN T10 Creating Web pages Using HTML.
ACM 511 HTML Week -1 ACM 511 Course Notes. Books ACM 511 Course Notes.
HTML H yper T ext M arkup L anguage. HTML HTML is NOT case sensitive However, proper coding etiquette if for all to be in ALL CAPS and for text to be.
Chapter 4: Hypertext Markup Language Primer TECH Prof. Jeff Cheng.
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.
1 CSC 121 Computers and Scientific Thinking David Reed Creighton University HTML and Web Pages.
Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and attributes Create.
C1999 Kathleen Schrock 1 Basic HTML By Kathy Schrock.
Html Basic Codes Week Two. Start Your Text Editor Windows use 'Notepad’ Macintosh use 'Simple Text'
HTML 4 Foundation Level Course HyperText Markup Language Most common language used in creating Web documents. You can use HTML to create cross-platform.
Unit 1 Changing the Appearance of Text. TITLE CORNELL NOTES TOPIC: NOTES: Summary: HTML Hypertext Markup Language 1 st and last tag on a page Tags Tags.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
XP 1 HTML Committed to Shaping the Next Generation of IT Experts. 01: Introduction to HTML.
Just Enough HTML How to Create Basic HTML Documents.
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.
Hypertext Mark-Up Language Web Page Creation HTML.
CS105 INTRODUCTION TO COMPUTER CONCEPTS HTML Instructor: Cuong (Charlie) Pham.
XP 2 HTML Tutorial 1: Developing a Basic Web Page.
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.
Ali Alshowaish. What is HTML? HTML stands for Hyper Text Markup Language Specifically created to make World Wide Web pages Web authoring software language.
Introduction to HTML Xiangming Mu 9/23/ Learning Objectives Understand basic HTML tags and their attributes Learn to create a simple HTML page.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
HTML World Wide Web Consortium What does HTML stand for? – – –
Basic HTML Programming Technology Education Ellsworth Community Middle School Communication Systems.
The Web Wizard’s Guide to HTML Chapter Two Basic Text Formatting.
XP 2 HTML Tutorial 1: Developing a Basic Web Page.
XP 1 HTML Tutorial 1: Developing a Basic Web Page.
HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
HTML cancho. HTML HyperText Markup Language A set of HTML tags.
1 HTML. 2 Full forms WWW – world Wide Web HTTP – Hyper Text Transfer Protocol HTML – Hyper Text Markup Language.
1 Introduction to HTML. 2 Definitions  W W W – World Wide Web.  HTML – HyperText Markup Language – The Language of Web Pages on the World Wide Web.
NOTEPAD++ Lab 1 1 Riham ALSmari. Why Notepad++ ?  Syntax highlighting  Tabbed document interface  Zooming  Indentation code  Find and replace over.
HTML Basics.
Section 4.1 Section 4.2 Format HTML tags Identify HTML guidelines
Marking Up with XHTML Tags describe how a web page should look
What is HTML? Structure of HTML Document HTML TAG HEAD TAG TITLE TAG
Introduction to XHTML.
WEBSITE DESIGN Chp 1
Web Design and Development
What is HTML? Structure of HTML Document HTML TAG HEAD TAG TITLE TAG
Marking Up with XHTML Tags describe how a web page should look
Marking Up with XHTML Tags describe how a web page should look
What is HTML?.
Marking Up with XHTML Tags describe how a web page should look
HyperText Markup Language
Marking Up with XHTML Tags describe how a web page should look
AN INTRODUCTION BY FAITH BRENNER
Marking Up with XHTML Tags describe how a web page should look
Presentation transcript:

Explorers Guild April 27, 2000

What is HTML? Hypertext Markup Language (HTML) is the basic building block of the World Wide Web page. HTML files are on a web server Pre-defined set of tags to format text, create hyperlinks to other places, and insert graphic images. Structural language

HTML File Start with HTML tag, End with HTML tag, Everything in-between is the content Must have a filename extension of.html or.htm

HTML Tags The basic HTML tag has four parts: 1. Opening angle-bracket end of tag Closing tags end with forward slash (/) Almost all HTML tags appear in pairs

Structure Tags …

Headings … – … largest – … smallest 6 levels of headings This is Heading 1. This is Heading 2. This is Heading 3. This is Heading 4. This is Heading 5. This is Heading 6.

Paragraphs closing paragraph tag is not essential as other paired tags Line Breaks specifies where to break lines

Horizontal Rule –non-paired tag Default: 2 pixels thick, stretches across page, outlined in light grey attributes –

Lists Unordered list (bulleted) - … Ordered list (numbered) - … used to list items –non-paired attributes – … Don’t forget end list tag.

Emphasizing Text Bold tag - … Italic tag - … Insert around the words you want to emphasize Do NOT use too frequently

Colors Body tag attributes – … Background images Background colors

Fonts …

Tag Guidelines Tags are not case sensitive. Place a single space between the tag name and each attribute. When using an attribute, type the name followed by an equal sign and the attribute value with NO space between them. – Surround the value of the attributes in quotations. If an attribute and value is not specified, the browser uses the default value.

Common Tag Problems Missing angle bracket Missing quotation mark Missing end tag TYPOS