WebDev 1 - HTTP/HTML Basics

Go here to edit HTML
http://jsfiddle.net/WW3bh/

Query Parameters:
http://www.host.com/?key1=value1&key2=value2

URL Fragments are not sent to the server for processing. They are used to reference the page you are looking at:
http://www.example.com/foo?p=1#fragment

Full URL:
<protocol>://<host>:<port>/<server-page>/?<query-param_1>=<query-value_1>&...<query-param_n>=<query-value_n>#<fragment>
protocol = {http, ftp, https}

HTTP GET:
If you are connected to:
http://example.com/foo/logo.png?p=1#tricky
you are issuing the following GET request to the server (remember Fragments are client side):
GET /foo/logo.png?p=1 HTTP/1.1

Common HTTP Headers:

HTTP Status Codes:
2xx Success
3xx Redirection (but request still completed)
4xx Client Error
5xx Server Error

Making HTTP Requests through Telnet (remember, GET / HTTP/1.1 requests the root filesystem):
$ telnet www.google.com 80
Trying 54.149.114.8...
Connected to apollo-mesos-elb-berlioz2-prod-885022263.us-west-2.elb.amazonaws.com.
Escape character is '^]'.
GET / HTTP/1.1
Host: www.google.com


Some common Tags:
<!DOCTYPE html> <!-- HTML5 Doctype -->
<html>
  <head>
  <!-- meta-data, CSS, JS, Title -->
  </head>
  <body>
    <b>Bold text</b>.
    <br/>
    <i>Italicised</i>.
    <br/>
    <s>Strike through</s>.
    <br/>
    <a href="http://www.google.com">derp</a>
    <img src="http://iconogen.com/images/computer.png" alt="Computer"/>
    <p>This is block text</p>
    <span>This is inline text.</span>
    <div>
      This is block text.
    </div>
  </body>
</html>