HTML WEBPAGE PROJECT SCORE ______ Student Name:
- Correct HTML Format – start and end tags, correct order, white space - 15 pts
- At least 3 Headings - 5 pts
- Change Background Color - 5 pts
- Change Font Family - Font Size - Font color – at least 3 times – 15 pts
- List – bulleted and ordered- 10 pts
- Image - 5 pts
- Link – 5 pts
- Image with a Link – 10 pts
- Include all: <em>, <strong>, <mark>, <small>, style=”text-align:” – 15 pts
- Attractive and Organized – 15 pts
Let’s practice writing some simple HTML.
With HTML you can create your own Web site.
What is HTML?
HTML is a markup language for describing web documents (web pages).
HTML stands for Hyper Text Markup Language
A markup language is a set of markup tags
HTML documents are described by HTML tags
Each HTML tag describes different document content
Read this section carefully.
Example Explained
Using this description the browser can display a document with a heading and a paragraph. Remember HTML tags are keywords (tag names) surrounded by angle brackets.
HTML tags normally come in pairs like <p></p>
The first tag is the start tag, the second tag is the end tag
The end tag is written like the start tag, but with a slash before the tag name
Write HTML Using Notepad
HTML can be edited by using professional HTML editors such as:
But we will practice by using a text editor – NOTEPAD (PC). Using a simple text editor is a good way to learn HTML.
STEP 1: Open Notepad
Go to the Start Menu > Programs > Accessories > Notepad
STEP 2 Write some HTML
STEP 3 Save the HTML Page
Save the file on your computer.
Select File > Save as in the Notepad Menu.
Name the file “yourname”.html . You must use the file extension “html”.
To SAVE your webpage, use the file extension html and all files. Do not let the computer default to text document.
It will look like this when it is saved with Google Chrome Web Browser
STEP 4 View HTML Page in your Browser…Open the saved HTML in your browser. Enjoy creating your web page about YOU!
Assignment:
Use your Word Document or your Power Point project about your life and write it in HTML in the Notepad Editor.
Remember to follow all instructions and follow the grading rubric.
When you add to your Webpage, Control S (save) and then refresh your screen to view each html section that
With HTML you can create your own Web site.
What is HTML?
HTML is a markup language for describing web documents (web pages).
HTML stands for Hyper Text Markup Language
A markup language is a set of markup tags
HTML documents are described by HTML tags
Each HTML tag describes different document content
Read this section carefully.
Example Explained
- The DOCTYPE declaration defines the document type to be HTML
- The text between <html> and </html> describes an HTML document
- The text between <head> and </head> provides information about the document
- The text between <title> and </title> provides a title for the document
- The text between <body> and </body> describes the visible page content
- The text between <h1> and </h1> describes a heading
- The text between <p> and </p> describes a paragraph
Using this description the browser can display a document with a heading and a paragraph. Remember HTML tags are keywords (tag names) surrounded by angle brackets.
HTML tags normally come in pairs like <p></p>
The first tag is the start tag, the second tag is the end tag
The end tag is written like the start tag, but with a slash before the tag name
Write HTML Using Notepad
HTML can be edited by using professional HTML editors such as:
- Microsoft WebMatrix
- Sublime Text
- W3schools
But we will practice by using a text editor – NOTEPAD (PC). Using a simple text editor is a good way to learn HTML.
STEP 1: Open Notepad
Go to the Start Menu > Programs > Accessories > Notepad
STEP 2 Write some HTML
STEP 3 Save the HTML Page
Save the file on your computer.
Select File > Save as in the Notepad Menu.
Name the file “yourname”.html . You must use the file extension “html”.
To SAVE your webpage, use the file extension html and all files. Do not let the computer default to text document.
It will look like this when it is saved with Google Chrome Web Browser
STEP 4 View HTML Page in your Browser…Open the saved HTML in your browser. Enjoy creating your web page about YOU!
Assignment:
Use your Word Document or your Power Point project about your life and write it in HTML in the Notepad Editor.
Remember to follow all instructions and follow the grading rubric.
When you add to your Webpage, Control S (save) and then refresh your screen to view each html section that