The "<head></head>" part of the document does not show in the main browser window, but it can give useful information to browsers or to search engines.
<title> content </title>
The only part of the "**<head> </head>**" that is normally visible is the <title>Basic HTML Sample Page</title>, which usually appears in a small window on top of the browser screen. When users add your site to their hotlists, the <title></title> you have chosen will appear on their hotlists.
<body> content </body>
The <BODY> is the main part of the page. It is good practice to use a </BODY> at the end of the page, but this is not absolutely necessary.
<h1> heading </h1>...<h6> heading </h6>
There are 6 levels of headings available in HTML, <h1> </h1> being the largest, <h6> </h6> the smallest. Headings are automatically in bold-face type, and automatically have a blank line above and below them.
<p>
<p> creates a paragraph break. It forces a return and two line feeds, so there will be a blank line between whatever preceded the <p> and the next line.
<br>
<br> creates a line break. It forces a return and a single line feed. It is similar to <p>, except that it does not put a blank line between the two lines.
Exploring Computer Science - Unit 3 - Day 3 - Introduction to HTML
Teacher ExampleClick 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:
Create your Webpage using HTML coding in Dabblet!
Teacher Example Code
Lesson Plan
HTML Examples from W3 Schools
HTML Tags - from Sheldon Brown's Web Services.
HTML Tags Introduction<head> content </head>
The "<head></head>" part of the document does not show in the main browser window, but it can give useful information to browsers or to search engines.<title> content </title>
The only part of the "**<head> </head>**" that is normally visible is the <title>Basic HTML Sample Page</title>, which usually appears in a small window on top of the browser screen. When users add your site to their hotlists, the <title> </title> you have chosen will appear on their hotlists.<body> content </body>
The <BODY> is the main part of the page. It is good practice to use a </BODY> at the end of the page, but this is not absolutely necessary.<h1> heading </h1>...<h6> heading </h6>
There are 6 levels of headings available in HTML, <h1> </h1> being the largest, <h6> </h6> the smallest. Headings are automatically in bold-face type, and automatically have a blank line above and below them.<p>
<p> creates a paragraph break. It forces a return and two line feeds, so there will be a blank line between whatever preceded the <p> and the next line.<br>
<br> creates a line break. It forces a return and a single line feed. It is similar to <p>, except that it does not put a blank line between the two lines.<hr>
<hr> creates a horizontal rule.Images Attribution:
HTML Code Structure found at
http://www.bu.edu/tech/files/2009/10/goodcode.gif
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