Lesson 1 Questions - HTML Tags & Page Structure

Transcription

Lesson 1 Questions - HTML Tags & Page Structure
Lesson 1 Questions - HTML Tags & Page Structure
Basic HTML5 & CSS Design
Log into your IE Class account and go to Unit 3 Lesson 1. Use the content on the
lesson to answer the questions below:
Copyright © IE Class, Inc.
This document may not be posted online.
1. Describe the type of information that should go in each of the container elements listed
below.
body
header
nav
All the content that is to be displayed in the browser window.
Page or section headings
The pages navigation
section
A grouping of related content.
article
Self contained content.
aside
Information that is not directly related to the main topic of the page.
footer
Copyright, contact information, etc.
div
Generic container element.
2. What is the purpose of the <!DOCTYPE html> declaration?
Indicates to the browser that the page should be interpreted as HTML 5.
3. In the table below, enter the HTML tag that can be used to achieve the result described.
Bold text.
<strong> </strong>
Italicize text.
Insert a horizontal divider line
Add a line break
<em> </em>
<hr />
<br />
Define a paragraph
<p> </p>
Highlight text.
<mark> </mark>
4. What is an attribute used for?
An attribute is used to add additional features or better define how the tag is to behave.
5. What are Cascading Style Sheets (CSS) used for?
CSS is used to define the look, feel, and layout of the content on your web page.
Copyright © IE Class, Inc.
This document may not be posted online.
6. What are the two parts to a style attribute / style rule?
p{ ___A___ : ___B___ }
A. property
B. Value
7. The intensity of what three colors are used to define colors in hexadecimal format?
A. Red
B. Green
C. Blue
8. How would we write the color green in hexadecimal notation?
#00ff00
9. What was the reason for HTML5 discontinuing some of the tags that were used in previous
versions of HTML?
Because the formatting applied by these tags are better defined by other tags or style
sheets.
10. In the space provided, complete the code to assign the background color of #336699 to the
body element.
<body style="background-color: #336699">
11. What is the purpose of special characters?
To create characters that the browser would otherwise ignore or that are not on the
keyboard.
12. What is the special character to create a non-breaking space?
&nbsp;
13. Your web pages should be saved using what file extension?
.htm or .html
Copyright © IE Class, Inc.
This document may not be posted online.
14. What is meant by cross-browser compatibility?
A concept in website design referring to a web page working or being compatible in all
common browsers.
15. What is meant by progressive enhancement?
Web site design technique to provide the necessary content to all browsers at the most
basic level, but visitors using the latest browsers will receive a more enhanced presentation
of the content.
Copyright © IE Class, Inc.
This document may not be posted online.