Your SlideShare is downloading. ×
The Ulta-Handy HTML Guide
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

The Ulta-Handy HTML Guide

654
views

Published on

Published in: Technology, Design

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
654
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. The Ultra-Handy Guide to HTML5 By Kurt Richardson, Josh Sved, Ryle Laporte & Nathan Smofsky
  • 2. HTML Basics
    • Hypertext Markup Language
    • Uses “markup tags”
      • Usually follows <opentag>Content</closetag> format
    • Commands describe the website
    • HTML Document is a WEB PAGE
  • 3. Website vs. Webpage
    • A webSITE is a collection of linked pages (HTML documents)
    • A webPAGE is an individual HTML document
  • 4. HTML vs. CSS
    • HTML document is the STRUCTURE of the webpage
      • Eg. how blocks of texts are arranged, what they say
    • CSS document is the design (look) of the page
      • Eg. font size/color, background image/color, etc.
  • 5. !DOCTYPE Declaration
    • Should be the first line in any HTML document (before <html> tag)
    • Indicates to the browser which protocol is to be followed
    • Syntax:
      • < !DOCTYPE    [Top Element]   [Availability]   &quot;[Registration]// [Organization]// [Type]   [Label]// [Language]&quot;   &quot;[URL]&quot;>
  • 6. Basic Format of an HTML Doc
    • <html>
    • <head>
    • Head Content
    • </head>
    • <body>
    • Body Content
    • </body>
    • </html>
  • 7. Basic Format, Continued
    • Composed of <head> and <body>
    • <head> tag is for title and other info
    • <body> tag is where content goes
  • 8. Basic Tags
    • <p> means paragraph
    • <a href=“”> creates a link
    • <h1> means header
    • <img src=“”> creates an image
  • 9. <p>
    • Means PARAGRAPH
    • Basic Syntax:
      • <p>This is the paragraph</p>
    • Uses regular size font
    • Notice how tags must be CLOSED with </whatever>
  • 10. <a href=“”>
    • Creates a LINK
    • Basic Syntax
      • <a href=“www.examplewebsite.com”>This is the link</a>
    • First part is the site you want to link to
    • Second part is the text that will appear in your webpage
  • 11. <h1>
    • Creates a HEADER
    • Basic syntax:
      • <h1>This is our header</h1>
    • Numbers 1-6 can be used
      • 1 is biggest header, 6 is smallest header
    • Text will appear bolded and larger than <p> font
  • 12. <img src=“”>
    • Will insert an image on the page
    • Basic Syntax:
      • <img src=“filename” width=“x” height=“y”/>
  • 13. <meta>
    • Appears in <head> section
    • Information about the site itself
    • Will be used to identify site in searches
    • Basic Syntax:
      • <meta name=“keywords” content=“tutorial, HTML, MPM17”>
  • 14. What is a web server?
    • A physical space (HDD) which stores data that can be accessed over the internet
    • HTML (and supporting) files will be saved here
    • They can then be accessed via a URL
  • 15. URL
    • Uniform Resource Locator
    • A unique address (string of characters) pointing to a file that is accessible via the internet
    • Syntax:
      • http://www.examplesite.com/image
      • (protocol – domain name – specific file)
  • 16. HTTP
    • Hypertext Transfer Protocol
    • Foundation for data communication over the World Wide Web
    • Defines information format and transmission
      • A URL sends an HTTP request from your browser to the server to display the corresponding web page
  • 17. FTP
    • File Transfer Protocol
    • Allows computers to communicate over the internet
    • Supports a wide variety of file formats
    • Popular Clients:
      • FileZilla, FireFTP
  • 18. Accessing Your Web Space
    • Host
      • ftp.imagearts.ryerson.ca
    • Username
      • first initial + last name
    • Password
      • Last 7 of student ID
  • 19. Sources
    • www.w3schools. com
    • Schafer, Steven M. HTML, XHTML, and CSS Bible . Indianapolis: Wiley Publishing, Inc., 2010. Print

×