creating a web page n.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
Creating a Web Page PowerPoint Presentation
Download Presentation
Creating a Web Page

Loading in 2 Seconds...

play fullscreen
1 / 16

Creating a Web Page - PowerPoint PPT Presentation


  • 77 Views
  • Uploaded on

Creating a Web Page. CSC 121. Short History of WWW/HTML. Internet came first (late ’60s). ARPANET – US military network WWW using Hypertext (circa 1989) invented as a means of Internet navigation Tim Berners-Lee @ Geneva, Switzerland Hyper Text Markup Language (HTML)

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'Creating a Web Page' - shaina


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
short history of www html
Short History of WWW/HTML
  • Internet came first (late ’60s).
    • ARPANET – US military network
  • WWW using Hypertext (circa 1989)
    • invented as a means of Internet navigation
    • Tim Berners-Lee @ Geneva, Switzerland
  • Hyper Text Markup Language (HTML)
    • First publicly documented – 1991
    • 22 Elements; 13 remain in HTML 4
evolution of html
Evolution of HTML
  • Early - No standards.
  • Competing browsers
    • Netscape Navigator
    • Microsoft Internet Explorer
      • Introduced extensions to gain competitive edge
      • Not compatible
  • World Wide Web Consortium (W3C)
    • Standards (not enforceable)
html status
HTML Status
  • Lots of older web pages left around.
  • Old features may be deprecated by W3C, but may be supported for indefinite time by various browsers.
  • What works in one browser may work differently or not at all in another.
tools
Tools
  • HTML documents are simply text files.
  • Only software package needed is a text editor.
  • An HTML converter takes text in one format and converts it to HTML code.
html document
HTML Document
  • HTML document may have a variety of elements:
    • Title
    • Headings
    • Paragraphs
    • And others . . .
  • Elements are marked with tags.
html tag syntax
HTML Tag Syntax
  • Tags
      • one-sided
      • two-sided
  • One-sided Tag
    • Syntax

<element />

    • Example:

<br /> - - causes a line break

html tag syntax1
HTML Tag Syntax
  • Tags
      • one-sided
      • two-sided
  • Two-sided Tag
    • Syntax

<element attributes>content</element>

    • Example:

<h1 align=center>Title of Document</h1>

html coding conventions
HTML Coding Conventions
  • Use lowercase for tag names, attribute names.
  • Use closing tags for two-sided tags.
  • Don’t omit space and / in one-sided tags.
places to learn html etc
Places to learn HTML, etc.
  • http://www.w3schools.com/
  • http://www.w3.org/
html codes entered in editor
HTML Codes entered in Editor

<html>

<head>

<title>The Document by Me</title>

</head>

<body>

</body>

</html>

creating a paragraph
Creating a Paragraph
  • See html2
  • HTML formats text through the use of tags
  • ignores things such as blank spaces, blank lines, or tabs
  • Use <p> to begin the paragraph
  • Use </p> to close the paragraph
  • See html3
creating lists
Creating Lists
  • ordered list (OL)
  • See html4
  • unordered list (UL)
  • definition list (DL)
  • See html5
other tags
Logical Character Tags

EM

STRONG

CODE

KBD

VAR

CITE

any combination

Physical Character Tags

B

I

TT

BIG

SMALL

SUB

SUP

Other Tags
more tags
More Tags
  • blinking text (BLINK) – 2-sided
  • link (A) – 2-sided
  • insert an image (IMG)
  • horizontal rule (HR)