Lecture 7- HTML and XHTML

Lecture 7- HTML and XHTML - Chapter9 HTMLandXHTML...

Info iconThis preview shows pages 1–14. Sign up to view the full content.

View Full Document Right Arrow Icon
Chapter 9 HTML and XHTML Project II Discussion
Background image of page 1

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
HTML Source Code!
Background image of page 2
What is HTML? H yper T ext M arkup L anguage ( HTML ) is a language used to design Web pages. HTML is a formatting language you issue a series of instructions that must be in a specific order Instructions are issued through a series of TAGS - which are shown in <brackets> A browser program ( ie: Internet Explorer) knows how to ‘read’ the set of instructions and displays the “web page” as directed.
Background image of page 3

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Basic Concepts General tag format : <tagname> … </tagname> The tag begins formatting. The closing tag ends formatting . Content to be formatted . Example: <B> would bold these words < / B> “Opening tag” or “Beginning tag” closing tag” or “ending tag” “forward” Slash is located next to “shift” key!
Background image of page 4
Basic Concepts You can review ‘the set of instructions’ for any web page by clicking on VIEW Menu, SOURCE in Internet Explorer HTML CODE for GMU home page
Background image of page 5

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
More on HTML Tags They are NOT case sensitive : <TITLE> and <title> are the same MOST tags start with the command tag and end with a closing tag : ie. <TITLE> ……. </TITLE> Spacing within a TAG is important , spacing outside of the TAG is NOT NOTICE!
Background image of page 6
What is HTML ? <body> </body> Encloses  the body  of the HTML document <br> Inserts a  line break <html> </html> Required tags that  start and  end  an  HTML document <p> </p> Identifies  enclosed text  as a  paragraph Common  structural  and  formatting  tags:
Background image of page 7

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
What is HTML? The general form of an HTML document is as follows: <html> <head> <title> title goes here </title> </head> <body> The body of the document goes here </body> </html> What you type within the Title tags will appear in the Title bar !
Background image of page 8
Example of Formatting Tag <b>This will appear as bold in the browser.</b> Opening tag Text that the you see in the browser Closing tag Result:
Background image of page 9

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
<i><b>This will appear as italic and bold in the browser.</b></i> Result: Nested tags- Tags within tags — notice the order! continued. . Example of Formatting Tags This will appear as italic and bold in the browser
Background image of page 10
<i>This will appear as italic and <b>bold</b> in the browser.</i> Result : Nested tags continued. . Example of Formatting Tags
Background image of page 11

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
I know some HTML now. Can I create a basic Web page? Open Notepad (Start, Programs, Accessories, Notepad) Type the following: <html> <head> <title> Replace this with the name of your title page </title> </head> <body> Add some text here </body> </html> Save the document as titlepage.html Select Save As Type : All Files View it in a browser
Background image of page 12
What is XHTML ? XHTML is the successor to HTML . Conforms to the rules and requirements of XHTML - Document must be well formed . All tag names must be in lowercase
Background image of page 13

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Image of page 14
This is the end of the preview. Sign up to access the rest of the document.

Page1 / 48

Lecture 7- HTML and XHTML - Chapter9 HTMLandXHTML...

This preview shows document pages 1 - 14. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online