Introduction to HTML

1
Introduction to HTML

• 2006 INT197B

2
What is the Internet?

• Global network of computers that are connected
  and communicate via a series of Protocols
• Protocols are rules that specify the transmission
  of data

3
Internet protocols

• TCP/IP network protocols that govern how data
  moves around the Internet
• FTP allows files to be transferred
• HTTP transmits of Web pages

4
What is the World Wide Web?

• The youngest part of the Internet (1990)
• Part of the Internet that supports multimedia and
  consists of a collection of linked documents
• Multimedia supported with HTTP (Hypertext
  Transfer Protocol)

5
Web Servers

• Computer connected to the Internet that stores
  and sends Web pages and other files
• Any computer with server software and Internet
  connection can be a server
• Copying Web pages to a server is called
  publishing
• Once a Web page has been published it can be
  viewed on any computer with an Internet connection

6
Internet traffic

• These Web sites display the global distribution
  of the Internet
• To view internet traffic http//www.internettraff
  icreport.com/
• To trace the connection to a serverhttp//visualr
  oute.visualware.com/

7
Set up your web site

• In order to create your account, please go
  to http//webpage.pace.edu/webspace/ and complete
  the form
• You will use Internet explorer to upload files
• Open up browser window, and type in
  ftp//webpage.pace.edu/userid
• You will be prompted to enter your password

8
Web sites

• Related collection of Web pages created and
  maintained by an individual, company, educational
  institution or other organization
• Each Web site has a starting document (usually
  index.html)
• Every Web site is stored on or runs from one or
  more Web servers

9
Web browser

• Software that interprets and displays Web
  pages Input -gtHTML Output -gtGraphical Display

10
URLs

• Web page location is defined as a URL (Uniform
  Resource Locator)
• URL is made up of protocol (ftp, http, etc), Web
  server, and (optional) Web page
• Example (Excel Quick Reference)http//www.scsite
  .com/offxp/qrex1.htm

11
Web documents

• Web documents contain text, multimedia, and links
  to other documents
• Also know as Web pages, are written in HTML
  (Hypertext Markup Language)

12
What is HTML?

• Platform independent page description language
• Will display on any computer
• HTML describes what a Web document will look like
• Uses special instructions called tags to define
  the structure and layout of a Web document
• Web document combines HTML tags and text

13
Elements of HTML document

• HTML elements include headings, paragraphs,
  hyperlinks, lists, images, and other graphical
  elements
• Most HTML elements follow this patternstart
  tag content end tagexampleltbgtThis is now
  boldlt/bgt

14
Web editors

• In order to create HTML documents you need to be
  able to create a text file with an extension of
  .htm or .html
• Can use HTML editor or any text editor
• Text uses Notepad, available on most computers
• This class will use HTML editor HTML-Kit (free
  download)

15
HTML-Kit

• Will use this software in class for HTML and
  JavaScript
• Download software from Blackboard
• Start up HTML-Kit

16
HTML-Kit Startup

• Select New Documents
• Select blank document for HTML Project One
• Provides basic HTML template

17
Try it out

• After the ltbodygt tag type in some text
• Click preview to see the page
• Save as first.htm on desktop
• Open up file with IE

18
The elements of a Web page

• Title first thing you see
• Displayed in bar above browser
• Used when bookmarking Web page
• Body content that displays in browser window
• Background like wallpaper in Windows, can be
  color or picture

19
Elements cont.

• Normal text the bulk of most Web documents
• Lists bulleted or numbered
• Formatted text bold, italic, fonts
• Graphical elements HR (horizontal rule), images
• Hyperlinks connection to another document