Web Design Tutorial - HTML, JavaScript, and Style

SUMMARY OF HTML

HyperText Markup Language
Series of tags that tell the browser what to display
Most tags come in pairs with a starting and ending tag
- <b>my text here</b>
Tags have attributes
- <body bgcolor = "yellow">Main stuff here</body>
- Use quotes around the value of the attribute - single 'value' or double "value"
Some tags do not come in pairs
- <br>
Tags are not case-sensitive however lower-case is preferred
- XHTML will require lower-case
HTML files should have file extension of either .htm or .html

MAIN TAGS

Provide structure of page, generally not rendered
Examples

TAG	DESCRIPTION
<html>	Container for entire document
<body>	Contains content of page
<head>	Contains information that is generally not rendered
<style>	Contains style sheet rules
<script>	Contains script code

EXAMPLE

1. The following code shows the most basic web page tags. The <html>, <head>, and <body> tags are structural tags and should appear in all pages. Copy the code and paste into a Notepad file. Then save with a .htm or .html extension.

<html>
<head>
<title>My First Page</title>
</head>
<body>

Copy this code.
Paste it into Notepad.
Save file as .htm or .html.
Open file in a browser such as Internet Explorer.
</body>
</html>

2. Open in a browser. Where is the "title"? Is the text on different lines? Where is the statement "This is my first page?"

3. View the source by right clicking on the page and clicking view source.

PRACTICE

Create a web page which meets the following requirements:

Your name and school are listed on separate lines.
Your name is bold.
Your school is italicized. Use the <i> tags to make something italic.
The background color of the page is red.
The title of the page is "My Info".

SUMMARY OF HTML

MAIN TAGS

EXAMPLE

PRACTICE

SELF-QUIZ