Brief Intro to HTML


More Options: Make a Folding Card

Storyboard Description

My sister asked for some help with HTML. This is a quick tutorial on the terminology used by web pages. Hopefully you find it helpful too.

Storyboard Text

  • CSS - How you want your info to look
  • URL - Where you are
  • HTML - The info you want to show
  • Javascript - Manipulate a website
  • Knowing the right terminology will help a LOT in finding answers to questions
  • A VERY brief Into to HTML
  • URL - Universal Resource Locator
  • Domain: Host of the website
  • Query String - Parameters for the webpage
  • Path: "Page" of the website
  • Domain
  • /Storyboard
  • Path
  • ?story=aboutHtml
  • Query String
  • HTML - The data you are displaying
  • Text
  • Links
  • images
  • table
  • just type text, use <br> for paragraphs
  • <a xlink:href="xxx">Link Text</a>
  • <img src="xxx" />
  • <td> (table data) create a cell
  • <table> - start a table
  • <tr> - start a row
  • Button
  • Radio Unselected
  • Select Box
  • HTML - The data you are displaying (Cont'd)
  • Unchecked Box
  • Text Box
  • Forms
  • Checked Box
  • Radio Selected
  • Text area
  • Use CSS to make a website look pretty
  • Makes images pop with drop shadows
  • <link xlink:href="xxx" rel="stylesheet" type="text/css" />
  • CSS - Cascading Style Sheets - Controls HOW a webpage looks
  • Nicely places content on the page
  • CSS changes fonts and colors
  • <script src="xxx" type="text/javascript"></script>
  • Javascript / JQUERY - Lets you do advanced interactive features on a webpage
  • JQUERY is a very popular subset of javascript
  • Javascript lets you re-arrange and change a webpage once loaded
  • If you are just getting started, don't worry about javascript for now
  • <script> function foo(){..}</script>
More Storyboards By aaronsblog
Explore Our Articles and Examples

Teacher ResourcesTeacher Guides and Lesson Plans Ed Tech Blog
Business ResourcesAll Business ResourcesProduct DevelopmentNegotiationBusiness Frameworks
Film ResourcesFilm and Video Resources
Try Our Other Websites!

Photos For Class – Search for School-Safe, Creative Commons Photos! (It Even Cites for You!)
Quick Rubric – Easily Make and Share Great Looking Rubrics!