Code for the movies page: <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />...

Question

Question

Directions The following Web page should be created using Notepad (PC users) or TextEdit (MAC users). DO NOT use Word or any Code for the movies page:

<head>

<title>Daniel's Movie Page</title>

</head>

<body>

<a href="hobbies.html">Hobbies</a>

<h1>Movies and Actors</h1>

<ol>

<li class="ol-list1">Gravity</li>

<li>Avenger</li>

<li>Marshal</li>

<li>Interstellar</li>

<li>Dark Knight</li>

<li>Superman</li>

</ol>

<ul>

<li class="ul-list1">Robet Downey jr.</li>

<li>Sharuk Khan</li>

<li>Ranbir Kapoor</li>

<li>Sidhhart Malhotra</li>

<li>Angela Joli</li>

<li>Leonardo DiCaprio/li>

</ul>

<h2>Favorite Movie</h2>

<p>

<b>Gravity:</b> The movie portrayed what happens to an astronaut if he/she

is pushed away from spaceship.It was terrifying how much risk they have to

take when they are in space to fix the space station.

</p>

<h2>Favorite Actor</h2>

<p>

<b>Benedict Cumberbatch:</b>A British actor, who have played many role in

many movies. He always play the character flawlessly. He have played most

famous roles like Doctor Strange and Sherlock Holmes

Code for the movies page: <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />...

Directions The following Web page should be created using Notepad (PC users) or TextEdit (MAC users). DO NOT use Word or any other Web authoring tool to complete this assignment. When you edit your file in Notepad or TextEdit, open a new instance of Notepad or TextEdit to do so. Do not make the changes from the View/Source window in your browser. That does not work. 1. Create a Web page (separate from the one created in Part 1) that includes a table with at least two rows and two columns. Title your Web page - John Doe's Hobbies Page but use your own name (this information goes in the title tag). Each cell in the table should contain one of your hobbies. Include two heading levels - h1 and h2 somewhere on the page. Save your Web page as hobbies.html. Link your movies page to your hobbies page. Then link your hobbies page to your movies page. Add an image to your movies page and a different image to your hobbies page. Make sure to include the alt tag with an appropriate description for each image. Also, include at least one external link on at least one of the two pages. Organize the content on each page in a way that is easy to read and save the pages again. 2. Create an external cascading style sheet to apply the following styles: o the color red to all h1 headings o the color blue to all h2 headings o the color green and the font Arial to all paragraphs o the font Cursive to all ordered lists o the font size 28px to all bulleted lists o a solid border around all tables o a solid border and a background color of purple to all cells within a table 3. Create classes to style specific tags as follows: o Change the background color of one of the cells in the table to orange o Change the text color of one of the items in the unordered (bulleted) list to orange o Change the font of one of the items in the ordered (numbered) list to Arial 4. Do not include any embedded or inline tags in your code. All styles should be applied using an external cascading style sheet and classes. The completed external cascading style sheet should contain 7 tags and 3 classes. 5. Save the cascading style sheet as styles.css. 6. Link the cascading style sheet to both the movies page and the hobbies page and apply the classes to the appropriate tags in each page. 7. Save both Web pages (movies.html and hobbies.html) again. 8. Validate both Web pages (movies.html and hobbies.html) using the World Wide Web Consortium validation site. Apply HTML5 validation. 9. Upload your two Web pages as well as the two image files and the css file to to myDrive. Instructions for doing so can be found here. 10. Check both html files and make sure they render as you intended and that all the links work. 11. When you are ready to submit the assignment, click Submit Assignment in the upper-right corner of this screen.

engineering Computer-Science

Add a comment Improve this question Transcribed image text

Answer 1

Answer #1

Solution:

Hobbies.html

<html>
<head>
   <title>Daniel's Hobbies page</title>
   <link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
   <a href="movies.html">Movies</a>
   <h1>Heading 1</h1>
   <h2>Heading 2</h2>
<table border ="1" style="width:50%">
<tr>
<th>Reading books</th>
<th>Watching Movies</th>
</tr>
<tr>
<th class="th-class">Surfing Internet</th>
<th>Games</th>
</tr>
</table></br>
<img src="https://picsum.photos/200/300" alt="Italian Trulli">
</body>
</html>

style.css

h1{
   color: red;
}
h2{
   color: blue;
}
p{
   color:green;
   font-family: Arial;
}
ol {
font-family: cursive;
}
ul{
   font-size: 28px;
}
table{
   border: solid;
   background-color: purple;
}
li.ul-list1{
   color: orange;
}
li.ol-list1{
   font-family: Arial;
}
th.th-class{
   background-color: orange;
}

C Code For The Movies Page: Danie X Daniels Hobbies page X Daniels Movie Page - x + - 0 x f → C File C:/Users/B.G/Desktop/h X Daniels Movie Page + - 0 x C Code For The Movies Page: Danie Daniels Hobbies page + * c O File | C:/Users/B.G/Desktop/bg.

Thank you, Have a great day:-)

Add a comment

Answer 2

Code for the movies page: <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />...

Homework Answers

Add Answer to:
Code for the movies page: <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />...

Post as a guest

Earn Coins

<!DOCTYPE HTML> <html lang="en"> <head> <meta charset="utf-8"> <title>Plaid Scarf Selector</title> <link rel="stylesheet" href="a3.css" />...

Create an external style sheet named Lab05.css. In this style sheet put the following styles: At the top of the style sheet, add the line: @charset "utf-8"; Add this comment: /* Lab 5 Extern...

This is my code so far: <!DOCTYPE html> <html> <head> <title>JavaScript is fun</title> <meta charset="utf-8" />...

Javascript to edit a HTML file. Where to begin? <!doctype html> <html> <head> <meta charset="utf-8"> <title>TODO:...

JUDY'S HTML TUTORIAL MENU CREATING YOUR FIRST WEB PAGE The best way to make a web...

Create a HTML code on HTML tags and attributes Add textual content to your page which...

<!DOCTYPE html> <html lang="en"> <head> <meta...

HTML Decide on a subject for your first web page. All page content must be related...

Hello Ive been tryting to add the CDN of jquery to my html code and I...

Code for the movies page: <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />...

Homework Answers

Add Answer to: Code for the movies page: <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />...

Post as a guest

Earn Coins

Add Answer to:
Code for the movies page: <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />...