Write the HTML and CSS code necessary to recreate the following appearance onscr
ID: 3581184 • Letter: W
Question
Write the HTML and CSS code necessary to recreate the following appearance onscreen. (No manual line breaks have been inserted into the text.) Assume that the code you're writing will be placed inside the body of the page. Part of your grade comes from choosing appropriate tags to match the semantics of the content. You should also write valid code that would pass the W3C validators, and separate stylistic information from HTML.
Name your file final.html and upload it to your folder on the KSU personal web server. Submit the URL to answer the exam question.
Some details about the desired appearance:
• All text uses default sizes and font families.
• The central section of dialogue is centered within the page and occupies 50% of the page width.
• The image of Vader at right comes from the file vader.png, which you should set to 20% of the page width. Click here to download the image: vader.png
• There are no margins or padding separating any text.
VADER If you only knew the power of the dark side. Obi-Wan never told you what happened to your father. LUKE He told me enough! It was you who killed him. VADER No. I am your father. LUKE No. No. That's not true! That's impossible! VADER Search your feelings. You know it to be true.Explanation / Answer
Solution for The Webpage :-
<!DOCTYPE HTML>
<html>
<head><title>Final</title>
<style type="text/css">
img {
float:right;
width:20%;
height:40%;
}
p{ align:right; }
</style>
</head>
<body>
<img src="v.jpg" alt="vedar" >
<h1>VEDER</h1>
<p>If you only power of the dark side. Obi-Wan never told <br>you what happend to your father.</p>
<h1>LUKE</h1>
<pre>He told me enougn! It was you who killed him.</pre>
<h1>VEDER</h1>
<p>No. I am your father.</p>
<h1>LUKE</h1>
<pre>No. No. That's not true! <font color="red">That's impossible!</font></pre>
<h1>VEDER</h1>
<p>Search your feelings.<b>You know it to be true.</b></p>
</body>
</html>
Note :- In font tag usage there is a one W3C validation error but there is no alternative to chage colour for only some text in the paragraph.
Thank you!
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.