Exploring+Computer+Science+-+HMTL+Lesson

= Exploring Computer Science - Unit 3 - Day 3 - Introduction to HTML =

> == Create your Webpage using HTML coding in Dabblet! == Teacher Example Teacher Example Code
 * == Click hereto open HTML Webpage Storyboard. ==
 * == HTML Resource - W3 Schools - HTML ==
 * == Create your Webpage using HTML coding in W3 School's HTML editor! ==
 * == Alternative if students know CSS: ==
 * == Alternative if students know CSS: ==
 * == Lesson Plan ==

HTML Tags - from Sheldon Brown's Web Services.
HTML Tags Introduction

//content//
The "** **" part of the document does not show in the main [|browser] window, but it can give useful information to browsers or to [|search engines].

//content//
The only part of the "[|** **]" that is normally visible is the ** **Basic HTML Sample Page** **, which usually appears in a small window on top of the browser screen. When users add your site to their hotlists, the ** ** ** ** you have chosen will appear on their hotlists.

//content//
The  is the main part of the page. It is good practice to use a  at the end of the page, but this is not absolutely necessary.

//heading// ... //heading//
There are 6 levels of headings available in HTML, ** ** being the largest, **  ** the smallest. Headings are automatically in bold-face type, and automatically have a blank line above and below them.


 * ** creates a paragraph break. It forces a return and two line feeds, so there will be a blank line between whatever preceded the ** ** and the next line.


 * ** creates a line break. It forces a return and a single line feed. It is similar to [|], except that it does not put a blank line between the two lines.


 * ** creates a horizontal rule.

HTML Code Structure found at http://www.bu.edu/tech/files/2009/10/goodcode.gif
 * Images Attribution**:

Webpage title found at http://www.ironspider.ca/pics/homepag2.gif

HTML Basic Structure found at http://www.wmskill.com/wp-content/uploads/2013/05/html-page-basic-structure.jpg