HTML and CSS Reference
In-Depth Information
In the Lab
continued
3. Insert the image file piggybank.png, stored in the Chapter02\IntheLab folder. You can find the
dimensions of an image by clicking on the image using Windows Explorer. You can also right-click
the image, click Properties, and then click the Details tab to find out the image's dimensions, or
open it in a graphics program. Note that the bullets used for the list are square in shape.
4. Save the HTML file in the Chapter02\IntheLab folder using the file name lab2-3solution.html.
5. Enter g:\Chapter02\IntheLab\lab2-3solution.html (or the path where your data file is stored) as
the URL to view the Web page in your browser.
6. Print the Web page from your browser.
7. Submit the revised HTML file and Web page in the format specified by your instructor.
Cases and Places
Apply your creative thinking and problem-solving skills to design and implement a solution.
1: Research HTML5 Structural Tags
Academic
There are many Web sites dedicated to HTML5. Search the Web to find sites that have training
modules for HTML5. Discover training specifically targeting the new structural elements discussed in
the chapter. How do these new tags differ from the <div> tag? Are there situations in which the <div>
tag is a better option? Write a brief report. Identify the URLs for the training Web sites and share
them with your fellow students in class.
2
: Create a Personal Web Page
Personal
Your class instructor wants to post all of the students' Web pages on the school server to show what his
or her students are interested in. Create a Web page of personal information, listing items such as your
school major, jobs that you have had in the past, and your hobbies and interests. To make your personal
Web page more visually interesting, search the Web for images that reflect your interests. (Remember
that if the image is copyrighted, you cannot use it on a personal Web page unless you follow the
guidelines provided with the image.) Insert an image or two onto the Web page to help explain who
you are.
3: Investigate Methods for Working with Images
Professional
You are creating a new Web site for a local photographer. The photographer has asked that you
determine methods to help his Web site load quickly despite having so many large images. To this end,
find information on using thumbnail images. Review other photography Web sites and create a list of
suggestions for loading large images. Additionally, search the Web for information on adding useful,
descriptive alt attributes for images. Write a brief synopsis explaining the information that you found in
your research.
