Exploring Computer Science - Unit 3 - Day 3 - Introduction to HTML file-icon-html.png



Teacher Example
Teacher Example Code

HTML Examples from W3 Schools

HTML Tags - from Sheldon Brown's Web Services.

HTML Tags Introduction

html-page-basic-structure.jpg
HTML Basic Structure


<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.
homepag2.gif

<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