Please change the html code blew into CSS,thank you very much: 1. Index.html: \"
ID: 3848909 • Letter: P
Question
Please change the html code blew into CSS,thank you very much:
1. Index.html:
"
</html>"
2. Personal information:"
</html>"
3. Skills:
"
</html>"
4. Biograghy:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JunHua Dong's Resumer</title> </head> <body> <h1>Dong's Resumer</h1> <p>Hi, My name is JUNHUA, Welcome to my Resumer!</p> <p>I want to introduce my hometown-Guangzhou at first. Becasue almost of the chinese food in Chinatown Chicago is Cantonese food.</p> <p>The most important is Guangzhou, named as canton. in other word, the food in Chinaton is come from guangzhou</p> <object width="425" height="344" data="https://www.youtube.com/embed/9HuL-HZQnIE"></object> <ul class="navbar"> <li><a href="personal information.html">personal information</a> <li><a href="Biography.html">Biography</a> <li><a href="Skills.html">Skills</a> </ul> </body></html>"
2. Personal information:"
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title> personal infromation</title> </head> <body> <img src="https://avatars1.githubusercontent.com/u/28910448?v=3&s=460" alt=""> <h2> Personal Introduction </h2> <p> This page is about myself. </p> <p> My name is JUNHUA ODNG, I was born in CHINA and lived there for exactly 18 years. Different countries have different enviorrment and so is with United States and CHina. I complete two years in City college of Chicago and now I am transfer student in IIT as the ITM major. This is currently my 2nd semester after spring, and it keeps getting interesting as it goes.</p> <p> I like to live a very simple life along with working hard for my goals and getting it through achievemets. My favourite class is Java in IIT Focus and hard work always pay off at the right time, which I have experienced. </p> <p> I like to play basketball, which is same as I love to watch sport's live shows and also love listening to chinese songs and few hollywood songs. Travelling to different places across the world is my dream.</p> <div> <a href="index.html" alt='return home button'/>Return home</a> </div> </body></html>"
3. Skills:
"
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> </head> <body> <h1>Skills in Computer</h1> <p><em>MS office 2007-2013</em></p> <p><em>Java,Web deveploment</em></p> <p><em>Desktop repair and maintenance</em></p> <p><em>Basic command for windows </em></p> <h2>Languages</h2> <p>Mardian</p> <p>Cantonese</p> <p>English</p> <div> <a href="index.html">Return home</a> </div> </body></html>"
4. Biograghy:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Biography</title> </head> <body> <h1>My Biography</h1> <p>I have worked for half year as a builder in China after graduated from high school in 2012. During those five years in USA, I have tried three different jobs:</p> <p>Moving worker, Laberor, and waiter in downton of Chicago. I helped several of my friend to fix their desktop last two years.</p> <p>Also, I have help my wife to make a video for her first job last year</p> <object width="425" height="344" data="https://www.youtube.com/embed/xQqPp12rmHo"></object> <p>In 2006, had been to Toyoko, Japan</p> <object width="425" height="344" data="https://www.youtube.com/embed/oMiwf8aqJSg"></object> <p>In 2009, I had been to the Easter Asian</p> <div> <a href="index.html" alt='return home button'/>Return home</a> </div> </body> </html>"Explanation / Answer
converting html into css
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<style>
h1 {
color: blue;
font-family: verdana;
font-size: 300%;
}
p {
color: red;
font-family: courier;
font-size: 160%;
}
</style>
<meta charset="UTF-8">
<title>JunHua Dong's Resumer</title>
</head>
<body>
<h1>Dong's Resumer</h1>
<p>Hi, My name is JUNHUA, Welcome to my Resumer!</p>
<p>I want to introduce my hometown-Guangzhou at first. Becasue almost of the chinese food in Chinatown Chicago is Cantonese food.</p>
<p>The most important is Guangzhou, named as canton. in other word, the food in Chinaton is come from guangzhou</p>
<object width="425" height="344" data="https://www.youtube.com/embed/9HuL-HZQnIE"></object>
<ul class="navbar">
<li><a href="personal information.html">personal information</a>
<li><a href="Biography.html">Biography</a>
<li><a href="Skills.html">Skills</a>
</ul>
</body>
</html>
Personal information.html
<!doctype html>
<html lang="en">
<head>
<style>
p {
color: red;
font-family: courier;
font-size: 160%;
}
h2 {
color: blue;
font-family: verdana;
font-size: 300%;
}
div {
color:red;
font-family: courier;
font-size: 180%;
}
</style>
<meta charset="UTF-8">
<title> personal infromation</title>
</head>
<body>
<img src="https://avatars1.githubusercontent.com/u/28910448?v=3&s=460" alt="">
<h2> Personal Introduction </h2>
<p> This page is about myself. </p>
<p> My name is JUNHUA ODNG, I was born in CHINA and lived there for exactly 18 years. Different countries have different enviorrment and so is
with United States and CHina. I complete two years in City college of Chicago and now I am transfer student in IIT as the ITM major. This is
currently my 2nd semester after spring, and it keeps getting interesting as it goes.</p>
<p> I like to live a very simple life along with working hard for my goals and getting it through achievemets. My favourite class is Java in IIT Focus and hard work always pay off at the right time, which I have experienced. </p>
<p> I like to play basketball, which is same as I love to watch sport's live shows and also love listening to chinese songs and few hollywood songs. Travelling to different places across the world is my dream.</p>
<div>
<a href="index.html" alt='return home button'/>Return home</a>
</div>
</body>
</html>"
3.Skills.html
<!doctype html>
<html lang="en">
<head>
<style>
h1 {
color: blue;
font-family: verdana;
font-size: 300%;
}
p {
color: red;
font-family: courier;
font-size: 160%;
}
h2 {
color: blue;
font-family: verdana;
font-size: 300%;
}
div {
color:orange;
font-family: courier;
font-size: 180%;
}
</style>
<meta charset="UTF-8">
</head>
<body>
<h1>Skills in Computer</h1>
<p><em>MS office 2007-2013</em></p>
<p><em>Java,Web deveploment</em></p>
<p><em>Desktop repair and maintenance</em></p>
<p><em>Basic command for windows </em></p>
<h2>Languages</h2>
<p>Mardian</p>
<p>Cantonese</p>
<p>English</p>
<div>
<a href="index.html">Return home</a>
</div>
</body>
</html>
Biography.html
<!DOCTYPE html>
<html lang="en">
<head>
<style>
h1 {
color: blue;
font-family: verdana;
font-size: 300%;
}
p {
color: red;
font-family: courier;
font-size: 160%;
}
div {
color:green;
font-family: courier;
font-size: 180%;
}
</style>
<meta charset="UTF-8">
<title>Biography</title>
</head>
<body>
<h1>My Biography</h1>
<p>I have worked for half year as a builder in China after graduated from high school in 2012. During those five years in USA, I have tried three different jobs:</p>
<p>Moving worker, Laberor, and waiter in downton of Chicago. I helped several of my friend to fix their desktop last two years.</p>
<p>Also, I have help my wife to make a video for her first job last year</p>
<object width="425" height="344" data="https://www.youtube.com/embed/xQqPp12rmHo"></object>
<p>In 2006, had been to Toyoko, Japan</p>
<object width="425" height="344" data="https://www.youtube.com/embed/oMiwf8aqJSg"></object>
<p>In 2009, I had been to the Easter Asian</p>
<div>
<a href="index.html" alt='return home button'/>Return home</a>
</div>
</body>
</html>