HTML please Assign each section of your resume to a div. Be sure to name each di
ID: 3711337 • Letter: H
Question
HTML please Assign each section of your resume to a div. Be sure to name each div with a different class name. Also be sure to create a container div that holds the whole resume. Play around with the different float rules to see how they affect your page layout.Here’s is my resumes html code <!DOCTYPE html> <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@gmail.com</i></b><i></i></p> <hr> experience <a href="https://careers.fedex.com/ground">fedexground</a> <p></p>education <a href="https://ibb.co/hD7P5c"><img alt="u_of_a_pulaski_technical_college_campus_center_ottenheimer_library_4" border="0" src="https://thumb.ibb.co/hD7P5c/u_of_a_pulaski_technical_college_campus_center_ottenheimer_library_4.jpg"></a> <a href="https://portal.uaptc.edu/ICS/">PulaskiTech</a> <p></p>Fall 2017 <ul> <li>Computer Concepts</li> <li>Programming 1</li> <li>Object Oriented Programming</li> </ul>Spring 2018 <ol> <li>Internet Technologies</li> <li>Fundamentals of Information Security</li> <li>Programming 2</li> </ol> </body> </html>
HTML please Assign each section of your resume to a div. Be sure to name each div with a different class name. Also be sure to create a container div that holds the whole resume. Play around with the different float rules to see how they affect your page layout.
Here’s is my resumes html code <!DOCTYPE html> <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@gmail.com</i></b><i></i></p> <hr> experience <a href="https://careers.fedex.com/ground">fedexground</a> <p></p>education <a href="https://ibb.co/hD7P5c"><img alt="u_of_a_pulaski_technical_college_campus_center_ottenheimer_library_4" border="0" src="https://thumb.ibb.co/hD7P5c/u_of_a_pulaski_technical_college_campus_center_ottenheimer_library_4.jpg"></a> <a href="https://portal.uaptc.edu/ICS/">PulaskiTech</a> <p></p>Fall 2017 <ul> <li>Computer Concepts</li> <li>Programming 1</li> <li>Object Oriented Programming</li> </ul>Spring 2018 <ol> <li>Internet Technologies</li> <li>Fundamentals of Information Security</li> <li>Programming 2</li> </ol> </body> </html>
Assign each section of your resume to a div. Be sure to name each div with a different class name. Also be sure to create a container div that holds the whole resume. Play around with the different float rules to see how they affect your page layout.
Here’s is my resumes html code <!DOCTYPE html> <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@gmail.com</i></b><i></i></p> <hr> experience <a href="https://careers.fedex.com/ground">fedexground</a> <p></p>education <a href="https://ibb.co/hD7P5c"><img alt="u_of_a_pulaski_technical_college_campus_center_ottenheimer_library_4" border="0" src="https://thumb.ibb.co/hD7P5c/u_of_a_pulaski_technical_college_campus_center_ottenheimer_library_4.jpg"></a> <a href="https://portal.uaptc.edu/ICS/">PulaskiTech</a> <p></p>Fall 2017 <ul> <li>Computer Concepts</li> <li>Programming 1</li> <li>Object Oriented Programming</li> </ul>Spring 2018 <ol> <li>Internet Technologies</li> <li>Fundamentals of Information Security</li> <li>Programming 2</li> </ol> </body> </html>
<!DOCTYPE html> <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@gmail.com</i></b><i></i></p> <hr> experience <a href="https://careers.fedex.com/ground">fedexground</a> <p></p>education <a href="https://ibb.co/hD7P5c"><img alt="u_of_a_pulaski_technical_college_campus_center_ottenheimer_library_4" border="0" src="https://thumb.ibb.co/hD7P5c/u_of_a_pulaski_technical_college_campus_center_ottenheimer_library_4.jpg"></a> <a href="https://portal.uaptc.edu/ICS/">PulaskiTech</a> <p></p>Fall 2017 <ul> <li>Computer Concepts</li> <li>Programming 1</li> <li>Object Oriented Programming</li> </ul>Spring 2018 <ol> <li>Internet Technologies</li> <li>Fundamentals of Information Security</li> <li>Programming 2</li> </ol> </body> </html>
Explanation / Answer
<!DOCTYPE html>
<html>
<head>
<title>My Resume</title>
<!--this is internal css here you can change div section of experience add all properties which you need and
separate them using ;--!>
<style type="text/css" >
.childE{
background:grey;
height:300px;
float:left;
width:500px;
margin:20px;
}
.childEdu{
background:pink;
margin:20px;
float:right;
width:700px;
height:400px;
}
.personaldetail{
background:yellow;
margin:20px;
height:auto; <!--/it takes height according to matter added--!>
}
</style >
</head>
<body >
<div class = "parent">
<h1 align="center">Resume</h1>
<div class ="personaldetail">
<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>type email /i></b><i></i></p>
<hr>
</div>
<!--experience div--!>
<div class ="childE">
Experience <a href="https://careers.fedex.com/ground">fedexground</a>
</div>
<!--education div--!>
<div class ="childEdu">
<p >Education </p>
<a href="https://ibb.co/hD7P5c">
<img
alt="u_of_a_pulaski_technical_college_campus_center_ottenheimer_library_4" border="0"
src="https://thumb.ibb.co/hD7P5c/u_of_a_pulaski_technical_college_campus_center_ottenheimer_library_4.jpg"></a>
<a href="https://portal.uaptc.edu/ICS/">PulaskiTech</a>
<br>
<p></p>Fall 2017
<ul>
<li>Computer Concepts</li>
<li>Programming 1</li>
<li>Object Oriented Programming</li>
<br></ul>Spring 2018
<ol>
<li>Internet Technologies</li>
<li>Fundamentals of Information Security</li>
<li>Programming 2</li>
</ol>
</div>
<!--closing of childedu div --!>
</div>
<!--closing of main parent div --!>
</body>
</html>
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.