Web Programming Step by Step

Lecture 1
Internet/WWW; HTML Basics

Reading: Chapter 1; 2.1

Except where otherwise noted, the contents of this presentation are Copyright 2010 Marty Stepp and Jessica Miller.

Valid XHTML 1.1 Valid CSS!

1.1: The Internet

The Internet

The Internet
  • the Web is the collection of web sites and pages around the world; the Internet is larger and also includes other services such as email, chat, online games, etc.

Brief history (1.1.1)

Key aspects of the internet

People and organizations (1.1.2)


Layered architecture (1.1.3)

The internet uses a layered hardware/software architecture (also called the "OSI model"): OSI model

Internet Protocol (IP)

Transmission Control Protocol (TCP)

1.2: The World Wide Web (WWW)

Web servers and browsers (1.2.1)

web server

Domain Name System (DNS) (1.2.2)

Uniform Resource Locator (URL)

More advanced URLs

Hypertext Transport Protocol (HTTP) (1.2.3)

HTTP error codes

Internet media ("MIME") types

Web languages / technologies (1.2.4)

2.1: Basic HTML

Hypertext Markup Language (HTML) (2.1.1)

Structure of an HTML page (2.1.2)

		information about the page

		page contents

Structure of an XHTML page (2.1.2)


<html xmlns="http://www.w3.org/1999/xhtml">
		information about the page

		page contents

Page title: <title>

describes the title of the web page

<title>Chapter 2: HTML Basics</title>

Paragraph: <p> (2.1.3)

paragraphs of text (block)

<p>You're not your job.
You're not how much money you have in the bank.
You're not the car you drive.   You're not the contents
of your wallet. You're not your         khakis.  You're
   the all-singing, all-dancing crap of the world.</p>

Headings: <h1>, <h2>, ..., <h6>

headings to separate major areas of the page (block)

<h1>University of Whoville</h1>
<h2>Department of Computer Science</h2>
<h3>Sponsored by Micro$oft</h3>

Horizontal rule: <hr>

a horizontal line to visually separate sections of a page (block)

<p>First paragraph</p>
<hr />
<p>Second paragraph</p>