ZuoTi.Pro
Question

Mark up your resume so that the different sections of the resume are styled using the...

Mark up your resume so that the different sections of the resume are styled using the box attributes we discussed in class on 4/4/2018. For example, create different box styles, colors, thicknesses, margins, padding, alignments, etc. Make sure each section is style differently so that you have experience with many different styles.

Here is the resume Code

<html>

<head>

<html>

<head>

<title> My Resume </title>

</head>

<body>

<H1 align ="center"> Resume</H1>

<p align="left">

<em><b>Name: Darryl Johnson</b></em>

</br>

<b>

Address:</b>2011 Aztec <sup></sup> Drive,

<br>

<b>City:</b> NLR<br>

<b>State:</b> AR<br>

<b>Zip:</b> 72116

<br>

<b>Cell Number: <em>+1 501 398 5199</em></b>

<br>

Email address:--><b><i> darryljohnson4050</b></i>

</p>

<hr>

</body>

</html>

experience

<a href="https://careers.fedex.com/ground">fedexground</a>

</p>

education <a href="https://ibb.co/hD7P5c"><img src="https://thumb.ibb.co/hD7P5c/u_of_a_pulaski_technical_college_campus_center_ottenheimer_library_4.jpg" alt="u_of_a_pulaski_technical_college_campus_center_ottenheimer_library_4" border="0"></a>

engineering   Computer-Science   
0 0
Add a comment Improve this question Transcribed image text
Next > < Previous
Sort answers by oldest

Homework Answers

Answer #1

HTML Code

<html>
<head>
  <title> My Resume </title>
</head>
<body>
   <div id="maincontainer" style="width:70%;margin-left:15%;border:2px groove blue;">
<h1 align ="center"> Resume</h1>
     <div id="main" style="border:1px solid black;margin:10px;">
  <p align="left" >
   <div id="profilephoto" style="float:right;">
   <img src="http://icons.iconarchive.com/icons/graphicloads/flat-finance/256/person-icon.png" width="150px" height="150px" style="padding-right:10px;">
        </div>
   <div style="padding-left:20px;">
   <em><b>Name: Darryl Johnson</b></em></br>
   <b>Address:</b>2011 Aztec <sup></sup> Drive,<br>
   <b>City:</b> NLR<br>
   <b>State:</b> AR<br>
   <b>Zip:</b> 72116<br>
   <b>Cell Number: <em>+1 501 398 5199</em></b><br>
   <b>Email address:<b><i> darryljohnson4050</b></i>
   </div>
  </p>
  </div>
  <div id="main" style="border:1px solid black;margin:10px;padding-left:20px;padding-bottom:10px;">
  <h4>Experience</h4>
   <a style="padding-left:20px;" href="https://careers.fedex.com/ground">fedexground</a>
  </div>
  <div id="main" style="border:1px solid black;margin:10px;padding-left:20px;padding-bottom:10px;">
  <h4>Education</h4>
  <span style="margin-top:-20px;">Pulaski Technical College</span><br>
    <a href="https://ibb.co/hD7P5c">
    <img src="https://thumb.ibb.co/hD7P5c/u_of_a_pulaski_technical_college_campus_center_ottenheimer_library_4.jpg"
    alt="u_of_a_pulaski_technical_college_campus_center_ottenheimer_library_4" border="0"></a>

</body>
</html>


Screenshot

M HTMl | /C:/Users /C:/Users Sports ISBN 999 | My Resur RCSSN | G perso d . Serve | Using XPa | . TCPF | e New T | My Re × ->

0 0
Add a comment
Know the answer?
Add Answer to:
Mark up your resume so that the different sections of the resume are styled using the...
Your Answer:

Post as a guest

Your Name:

What's your source?

Earn Coins

Coins can be redeemed for fabulous gifts.

Log In

Sign Up

Not the answer you're looking for? Ask your own homework help question. Our experts will answer your question WITHIN MINUTES for Free.
Similar Homework Help Questions

  • Look at the following illustrated output for an HTML and a css given below <!DOCTYPE html>...

    Look at the following illustrated output for an HTML and a css given below <!DOCTYPE html> <head> <title>TABLE with STYLE SHEET</title> <meta charset="utf-8" /> <meta name="description" content="Godaddy Webpage original" /> <link rel = "stylesheet" href="GoDaddy_assignment_1.css"> <body> <img src= "GoDaddy.png"/> <p>Welcome to:<strong>webhamster.com</strong></br> This web page is parked<strong>Free</strong>courtesy of <a class="aclass1" href ="https://www.godaddy.com">GoDaddy.com</a></p> <h1>Want to buy<span class ="span2">webmaster.com ?</span></h1> <div class ="div1"> <a class ="aclass2" href="https://www.godaddy.com">Learn How</a> </div> </hr> <button>Search Ads</button> </body> </html> “ QUESTION continued Given the corresponding css file .aclass1{color:purple;}...

  • In this exercise, you’ll modify the Future Value Calculator application to include a header and footer....

    In this exercise, you’ll modify the Future Value Calculator application to include a header and footer. Review the project Open the header.jsp file and note that it contains the code necessary for the start of an HTML page including the opening html, head, and body tags, the title for the web page, and a link including the CSS file. Open the footer.jsp file and note that includes a copyright notice and the closing body and html tags. Modify the code...

  • Hey I am having an issue with my HTML5 document. Everything is working fine except that...

    Hey I am having an issue with my HTML5 document. Everything is working fine except that I am not sure how to make my <h1> Objective </h1> to align towards the left. I have tried for instance <p align = "Left"> <h1> <strong>Objective </strong> </h1> </p> Any help would be great. Thanks <!DOCTYPE html> <html> <!-- Do I need to use <head> right here? I tried it without head or urf-8 and it worked--> <!-- I'm still a bit confused...

  • I'm having trouble to link the .js file to the html so changes for the html...

    I'm having trouble to link the .js file to the html so changes for the html to be made in the .js file <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>:JavaScript, HTML and jQuery</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <!-- this is so I don't have to give you a separate CSS file --> <style>     .hidden {display: none;}     .menu { width: 100px;} </style> </head> <body> <div class="container"> <h1>Assignment 2: JavaScript, HTML and jQuery</h1> <p>To complete this...

  • I cant seem to get the CSS at the bottom of this HTML to work. <!doctype...

    I cant seem to get the CSS at the bottom of this HTML to work. <!doctype html> <html lang="en"> <head> <!--Madison McCuiston--> <meta charset="utf-8"> <title>Amelie Boulangerie</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="wrapper"> <header>Amelie Boulangerie</header> <!-- change this to header tag --> <nav> <ul> <li><a href="index.html">Home</a></li> <li><a href="pastries.html">Pastries</a></li> <li><a href="events.html">Events</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> <main> <H2>Experience the Difference</H2> <p><span class="bakery">Amelie Boulangerie</span> is the master of flavor combinations.The jewel-colored macarons come in the most tempting of flavors. Experience the difference...

  • I am trying to create a slide show using JavaScript. This is what I have so...

    I am trying to create a slide show using JavaScript. This is what I have so far: HTML: <!DOCTYPE html> <html lang="en"> <head>    <meta charset="utf-8"> <title>Slide Show</title> <link rel="stylesheet" href="main.css"> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <script src="slide_show.js"></script> </head> <body> <section> <h1>Fishing Slide Show</h1> <ul id="image_list"> <li><a href="images/casting1.jpg" title="Casting on the Upper Kings"></a></li> <li><a href="images/casting2.jpg" title="Casting on the Lower Kings"></a></li> <li><a href="images/catchrelease.jpg" title="Catch and Release on the Big Horn"></a></li> <li><a href="images/fish.jpg" title="Catching on the South Fork"></a></li> <li><a href="images/lures.jpg" title="The Lures for Catching"></a></li> </ul>...

  • How do I make these sheets into three different tabs for one website? This is all...

    How do I make these sheets into three different tabs for one website? This is all using HTML. - Chade's Bicycle Company <!DOCTYPE html> <html> <head> <img src="Chade'sLogo.png"> </head> <body bgcolor= "white"> <center> Welcome to Chade's Bicycle Company!</center> <center> We aim towards making our customers happy. </center> <br> <center> Chade's Bicycle Company </center> <center>2900 Bicycle Ave.</center> <center>Seattle, Washington</center> <center>98101</center> <br> <center><img src="HappyCustomer.png" alt="Satisfied customers"></center> <br> <p align="right">Our mission statement:</p> <p align="right">Bicycles have always been a </p> <p align="right">positive part of...

  • Assignment:Super Lotto This exercise is JavaScript only. No jQuery, please. Your page should work as follows: Ask the user the highest number that they want to generate. (Some lotteries are 1 ‐ 47, so...

    Assignment:Super Lotto This exercise is JavaScript only. No jQuery, please. Your page should work as follows: Ask the user the highest number that they want to generate. (Some lotteries are 1 ‐ 47, some 1 ‐ 49, etc.) Ask the user how many numbers they want to generate. Create a function that returns a random number between 1 and the highest number (see "Additional Info" below). Create an array of numbers. Run the function the correct number of times, putting...

  • Create your own grid-based page using the sample HTML. Generate a Grid ( Experiment with Different...

    Create your own grid-based page using the sample HTML. Generate a Grid ( Experiment with Different Tools ) http://gridcalculator.dk/ Implement grid on the sample html file using pixels Convert to a percentage-based grid HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Out with the old...</title> <link rel="stylesheet" href="path-to-style.css"> <meta name="description" content="We are going to refine this document down to a good starting point for all html5 projects moving forward."> <meta name="author" content="ABC"> <link rel="shortcut icon" href="/favicon.ico" /> </head> <body> <div...

  • I have to make a pixel art maker using javascript. HTML and CSS were already provided....

    I have to make a pixel art maker using javascript. HTML and CSS were already provided. I only had to do the JavaScript part. Every time I run the HTML folder nothing happens when I choose the width, height, and color. This is my code: (ONLY JS IS SUPPOSED TO BE FIXED). JS: // Select color input // Select size input const colorPicker = document.getElementsById('colorPicker'); const rowNum = document.getElementsById('inputHeight'); const cellNum = document.getElementById('inputWidth'); const pixelCanvas = document.getElementById('pixelCanvas'); const form =...

ADVERTISEMENT
Free Homework Help App
Download From Google Play
Scan Your Homework
to Get Instant Free Answers
Need Online Homework Help?
Ask a Question
Get Answers For Free
Most questions answered within 3 hours.
ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT