Unit 1. Review "A"
Math High
- Open the mhxt file from your student data files. Save this file as mathhigh.htm in the same folder.
- Insert the doctype <!DOCTYPE html> at the top.
- Enclose the contents under the doctype in opening and closing <html> tags.
- Add the head and body elements to the file, enclosing the page contents within the body element.
5.
Within the head of the document insert the comment:
<!--Math
High: Leonhard Euler
Author:
your name
Date:
the date
-->
6. Add the <title> Math High:
Leonhard</title> to the document head below the comment.
7.
Above the title in the head, insert the character set (which is used by
a browser to read characters such as bullets and symbols inserted in web
pages):
<meta
charset="UTF-8”/>
8. Between the body and head, link the
modernizr-1.5.js script file (which allows old web browsers to read the newer versions of html.
<script
src=”modernizr-1.5.js”></script>
9. Also link to the mhstyles.css style sheet
after the script.
<link href=”mhstyles.css”
rel=”stylesheet” type=”text/css”/>
10.
After the <body> element, insert opening and closing
<header> elements. Insert the
mhlogo.jpg image and Math High as the alternate text within
those header elements. (The alternate
text is read by the browser and shown to the viewer when the image is not able
to be seen).
<img src= “mhlogo.jpg” alt= “Math High” />
11. After the closing header element, add the
<article> element before the page text Leonhard Euler(1707-1783) and the closing </article> element
before the line The Most Beautiful
Theorem?
12. Mark the first line in the article containing
Leonhard Euler (1707-1783) as an h1
heading.
<h1>Leonhard Euler
(1707-1783)</h1>
13. Mark the next three blocks of text
separately, describing Euler’s life as paragraphs. <p></p>
14. Within the
first paragraph, mark the names Leonhard
Euler and Jean Bernoulli using
the strong element. <strong></strong>
15. In the second
paragraph mark the phrase Introductio in
analysin infinitorum (1748) and Lettres
a une princesse d'Allemagne (1768-1772) as a citation. <cite></cite>
16. Enclose the
next section of text from the line: The
Most Beautiful Theorem? up to(but not including) the line Math High: A Site for Educators and
Researchers with the <aside></aside> element.
17. Mark the text The Most Beautiful Theorem? as an h1 heading. <h1></h1>
18. Mark the next five blocks of text as
individual paragraphs. <p></p>
19. Mark the journal name The Mathematical Intelligencer as a citation. <cite></cite>
20. Mark the final line in the file as a footer.
<footer></footer>
Save
your changes and check to see that everything was done correctly!
Name:_________________________________________________________
HTML Review 1
Here is a search of the latest terms we have been using!
1.
What does html stand for?
2.
What does CSS stand for?
3.
How would you link a page to the CSS sheet
called my.css?
4.
What is the difference between a head and
header?
5.
What goes first at the top of every html
document?
6.
What is the coding for inserting an image called
dog.jpg?
7.
How do you make text bold in the html?
8.
What is the difference between h1-h5?
9.
How would you add a line break?
10.
Why would
you insert an image with alternative text?
11.
When do you insert an image “id”?
12.
How do
you add a link to a web address or URL?
13.
What are
the four parts of a web address?
14.
Write
and label and example of a web address using the terms from 5.
No comments:
Post a Comment