Loading

Intro to Web Programming

Chris Shinn

This is a live streamed presentation. You will automatically follow the presenter and see the slide they're currently on.

What is the internet?

  • Browser makes request of distant computer (server)
  • Browser receives a set of files from server
  • Browser follows instructions in files to display website

What is HTML?

  • Basic formatting and content
  • Text, images, "boxes"

HTML Tags

<tagname> content </tagname>

Opening tag

Closing tag

<bold> content </bold>

content

Types of tags

  • The text between <html> and </html> describes an HTML document
  • The text between <head> and </head> provides information about the document
  • The text between <title> and </title> provides a title for the document
  • The text between <body> and </body> describes the visible page content
  • The text between <h1> and </h1> describes a heading
  • The text between <p> and </p> describes a paragraph

What is CSS?

  • A list of rules for HTML elements
  • Determine size, positioning, color, etc

p {
    color: red;
    text-align: center;
}

selector

property

value

This is a piece of 

multiline text

This is a piece of

multiline text

CSS

CSS Box model

Demo files

https://www.dropbox.com/sh/z86fyec48dqm590/AAAeFJVtVIf4GU2dOlrRU71ja?dl=1

Text Editor

www.sublimetext.com

Web Resources

More cool Templates

Made with Slides.com