Using basic HTML: The information can be made-up, fill in the information with a
ID: 3594575 • Letter: U
Question
Using basic HTML:
The information can be made-up, fill in the information with a good example, use your best judgement to fill the area with a good example.
What is the Code?
Directions:
1. Using the 'tables' technique with basic html tags(examples at bottom), create an online resume with the following features:
2. Have the Name, Address, and Phone number in BOLD and CENTERED at the top of the page.
3. Directly following this put some adoring quotes from former or current employers about what a great worker you are. You can create your own self-serving quotes if you so desire.
4. Next create a table for you education.
- Have a caption at the above the table that says "EDUCATION"
- Have a column for the school you attended, including High School
- Have a column for the location of the school i.e. city and state
- Have a column for dates attended
- Have a column for degree awarded or when degree is expected
5. Next create a table for your job experience.
- Have a caption at the above this table that says "JOB EXPERIENCE"
- Have a column for the dates you worked for the company
- Have a column for the employer's name
- Have a column for the Position you held
6. Finally use the table technique to create two columns.
- The first column will contain a picture that may illustrate the kind of work you are looking for.
- The second and third columns should be used to create your personal sales pitch about why you are the perfect person for the job.
7. This must be in HTML format and the file must be called: "resume.html".
-----------------------------------------------------------
Example tags which can be used:
Use the HTML <table> element to define a table
Use the HTML <tr> element to define a table row
Use the HTML <td> element to define a table data
Use the HTML <th> element to define a table heading
Use the HTML <caption> element to define a table caption
Use the CSS border property to define a border
Use the CSS border-collapse property to collapse cell borders
Use the CSS padding property to add padding to cells
Use the CSS text-align property to align cell text
Use the CSS border-spacing property to set the spacing between cells
Use the colspan attribute to make a cell span many columns
Use the rowspan attribute to make a cell span many rows
Use the id attribute to uniquely define one table
Explanation / Answer
Following is the code for a photo gallery
......................................................................
<html>
<head>
<title>Simple Photo Gallery</title>
<style type="text/css">
body {
background: #222;
margin: 0;
}
.thumbnails img {
height: 80px;
border: 4px solid #555;
padding: 1px;
margin: 0 10px 10px 0;
}
.thumbnails img:hover {
border: 4px solid #00ccff;
cursor:pointer;
}
.preview img {
border: 4px solid #444;
padding: 1px;
width: 800px;
}
</style>
</head>
<body>
<div class="gallery" align="center">
<h3>Simple HTML Photo Gallery with JavaScript</h3>
</div>
<div class="thumbnails">
<img name="img1" src="images/img1.jpg" alt="" />
<img name="img2" src="images/img2.jpg" alt="" />
<img name="img3" src="images/img3.jpg" alt="" />
<img name="img4" src="images/img4.jpg" alt="" />
<img name="img5" src="images/img5.jpg" alt="" />
</div>
<div class="preview" align="center">
<img name="preview" src="images/img1.jpg" alt=""/>
</div>
</div> <!-- Close the gallery div -->
</body>
</html>
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.