Elements and Attributes. XHTML Elements The element contains special information that does not necessarily show up on the web page. The element determines.

Slides:



Advertisements
Similar presentations
MA foundation Creating webpages using XHTML (part 1) Simon Mahony CCH
Advertisements

HyperText Markup Language (HTML). Introduction to HTML Hyper Text Markup Language HTML Example The structure of an HTML document Agenda.
Chapter 2 HTML Basics Key Concepts
Anne McGrath 16 th February  Review of what we have learned so far.  Angled brackets surround HTML tags.  The words between the angled brackets.
How Tags are used to form your Web Page
Hypertext Markup Language. Platform: - Independent  This means it can be interpreted on any computer regardless of the hardware or operating system.
Beginning Web Site Creation: Dreamweaver CS4 Noreen Brown XHTML CODING -- TAGS.
HTML Hypertext Markup Language –First proposed by CERN in 1989 –It is non-linear so it allows you to jump from place to place –Markup refers to the structure.
Web Page Development Identify elements of a Web Page Start Notepad
 2008 Pearson Education, Inc. All rights reserved. 1 Introduction to HTML.
HTML Elements. HTML documents are defined by HTML elements.
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.
HTML Notes Chapters 1--6 Codes used in creating HTML documents are called tags. Tags are always enclosed in left ( ) angle brackets. Tags can be upper.
Basics of HTML Shashanka Rao. Learning Objectives 1. HTML Overview 2. Head, Body, Title and Meta Elements 3.Heading, Paragraph Elements and Special Characters.
Basics of HTML.
Web page - A Web page is a simple text file that contains HTML tags (code) that describe what should be displayed on the browser. -The Web browser interprets.
Creating and Editing a Web Page
Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
HTML Overview Part 2 – Paragraphs, Headings, and Lines 1.
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.
Tutorial 1 Developing a Basic Web Page. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition Objectives – Lesson 1 Introduction to the.
1.  Describe the anatomy of a web page  Format the body of a web page with block-level elements including headings, paragraphs, lists, and blockquotes.
Chapter 2 HTML Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
HTML Tags Basic Tags Doctype or HTML Head Title Body Use the website to find the definitions
Chapter 4 (through page 110) Fluency with Information Technology 4 th edition by Lawrence Snyder (slides by Deborah Woodall : 1.
XP Mohammad Moizuddin Creating Web Pages with HTML Tutorial 1 1 New Perspectives on Creating Web Pages With HTML Tutorial 1: Developing a Basic Web Page.
HTML 4 Foundation Level Course HyperText Markup Language Most common language used in creating Web documents. You can use HTML to create cross-platform.
WEB PAGE DESIGN FOR CHIARVELLE PIZZA Open Notepad Click on Start Point to Accessories Point to Notepad Click Notepad Click the Maximize button Click Edit.
Creating Webpage Using HTML
XP 2 HTML Tutorial 1: Developing a Basic Web Page.
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
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.
Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.
HTML— More Tags, Formatting, and Lists. Formatting Tags  Bold  Italics  Underline  Big text  Small text  Subscript (H 2 O)  Superscript (10 3 )
L. Anne Spencer (c) 2001 Basic Web Design Document, text, & layout formatting tags & attributes.
HTML Introduction. Lecture 7 What we will cover…  Understanding the first html code…  Tags o two-sided tags o one-sided tags  Block level elements.
Web Development Lecture # 09 Text Formatting in HTML.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
Headings are defined with the to tags. defines the largest heading. defines the smallest heading. Note: Browsers automatically add an empty line before.
Text Building a Website Lesson 3. Headings,,,,, Headings,,,,, HTML has 6 levels of headings,,,,,,,,,, is used for main headings is used for main headings.
Basic HTML Programming Technology Education Ellsworth Community Middle School Communication Systems.
XP Review 1 New Perspectives on JavaScript, Comprehensive1 Introducing HTML and XHTML Creating Web Pages with HTML.
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 is a markup.
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.
NOTEPAD++ Lab 1 1 Riham ALSmari. Why Notepad++ ?  Syntax highlighting  Tabbed document interface  Zooming  Indentation code  Find and replace over.
Text Elements. We've already learned about the,,,, and elements. Now let's learn some elements that we'll use to present actual text content on our web.
Glencoe Introduction to Web Design Chapter 4 XHTML Basics 1 Review Do you remember the vocabulary terms from this chapter? Use the following slides to.
Lesson 5. XHTML Tags, Attributes and Structure XHTML Basic Structure head and body titles Paragraph headings comments Document Presentation Manipulating.
HTML Basics.
Marking Up with XHTML Tags describe how a web page should look
Text Elements.
Elements and Attributes
WEBSITE DESIGN Chp 1
Text Elements.
Marking Up with XHTML Tags describe how a web page should look
Marking Up with XHTML Tags describe how a web page should look
Text Elements.
Introduction to XHTML Cont:.
Marking Up with XHTML Tags describe how a web page should look
Text Elements.
Marking Up with XHTML Tags describe how a web page should look
Text Elements.
Marking Up with XHTML Tags describe how a web page should look
Presentation transcript:

Elements and Attributes

XHTML Elements The element contains special information that does not necessarily show up on the web page. The element determines what text will display in the title bar of the web browser. The element is where all the "content" of your web page goes. Most elements have a start tag (such as ) and an end tag, which is the same as the start tag, but with an additional "/" character (such as ).

XHTML Line Break Elements text The paragraph tag creates a line break with a blank line above and below the text. The break tag creates a line break without any blank lines at all. Some elements do not have a separate close tag. is one example. In these cases, the forward slash is placed at the end of the tag itself, and these tags are known as self-closing.

The Horizontal Rule Element: Horizontal Rule ElementThe element is another self-closing tag. With no attributes specified, it will draw a horizontal line across the page. It takes a pretty big dog to weigh a ton. It takes a pretty big dog to weigh a ton. _____________________________________________________________

Adding an attribute to an element: It takes a pretty big dog to weigh a ton. Attributes give more information about elements. In this example, is an element and width is an attribute specifying how the element should be displayed. The "80%" is the value of the attribute. Attribute names must be in lowercase and values must be enclosed in quotes. It takes a pretty big dog to weigh a ton. __________________________________________________

XHTML Heading and Sub-headings: Heading Sub-heading Sub-sub-heading Etc. Heading Etc. Sub-heading Sub-sub-heading Etc. Heading and sub-heading elements provide structure to a web page. The tag indicates the most important heading and should be used no more than once per page. All heading and sub-heading tags add blank lines before and after the text, just like the tag. Always remember that the primary role of XHTML tags is to define and organize the content, not to format it. Headings are used to define the relative importance of content, i.e. is more important than.

XHTML List Elements: Unordered List (bullet points) Ordered List (numbers or letters) List Item (within or ) list item 1 list item 2 list item 3 list item 1 list item 2 list item 3 1. list item 1 2. list item 2 3. list item 3 list item 1 list item 2 list item 3