Create a HTML webpage for the film Avatar (2009). You can use the content (text, images)...

Create a HTML webpage for the film Avatar (2009). You can use the content (text, images) from this Wikipedia page:

https://en.wikipedia.org/wiki/Avatar_(2009_film)

Besides the basic HTML document elements, the html document should have the following components or meet the requirements:

Use <header><section><nav><article><div><footer> to arrange the layout of the page
h1, h2
At least 1 table
At least1 image
At least 2 links, one link opens the target page with a new window
Several paragraphs with formatted text (use at least 3 text formatting elements), use <span> element to format inline level text
Use style attribute to set colors and size for some elements, make them look sharp
some emojis
1 ordered list with at least 3 items
1 unordered list with at least 3 items
Use <div> to contain at least 3 elements and make them have the same background color
Add meta name and meta description in the head section. Make them search engine friendly

Expert Solution

HTML CODE:

<html>
<head>

  <meta charset="UTF-8">
  <meta name="description" content="Free Web tutorials">
  <meta name="keywords" content="HTML,CSS,XML,JavaScript">
  <meta name="author" content="John Doe">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="background-color:powderblue;">
<h1>Avatar Series</h1>
<nav>
<a href="https://en.wikipedia.org/wiki/Avatar_(2009_film)#Na'vi">Avatar_(2009_film)</a> |

</nav>
<img src="a1.jpg"  width="1000" height="300">

<section>
  <h2>Plot</h2>
  <p style="text-align:justify">In 2154, humans have depleted Earth's natural resources, leading to a severe energy crisis. The Resources Development Administration (RDA) mines a valuable mineral unobtanium on Pandora, a densely forested habitable moon orbiting Polyphemus, a fictional gas giant in the Alpha Centauri star system. Pandora, whose atmosphere is poisonous to humans, is inhabited by the Na'vi, a species of 10-foot tall (3.0 m), blue-skinned, sapient humanoids that live in harmony with nature and worship a mother goddess named Eywa.

To explore Pandora's biosphere, scientists use Na'vi-human hybrids called "avatars", operated by genetically matched humans. Jake Sully, a paraplegic former Marine, replaces his deceased identical twin brother as an operator of one. Dr. Grace Augustine, head of the Avatar Program, considers Sully an inadequate replacement but accepts his assignment as a bodyguard. While escorting the avatars of Grace and fellow scientist Dr. Norm Spellman, Jake's avatar is attacked by a thanator and flees into the forest, where he is rescued by Neytiri, a female Na'vi. Witnessing an auspicious sign, she takes him to her clan. Neytiri's mother Mo'at, the clan's spiritual leader, orders her daughter to initiate Jake into their society.</p>
</section>

<h1>Release</h1>
<article>
  <h2>Initial screening</h2>
  <p style="text-align:justify">Avatar <span style="color:blue">premiered</span> in London on December 10, 2009, and was released theatrically worldwide from December 16 to 18. The film was originally set for release on May 22, 2009, during filming, but was pushed back to allow more post-production time (the last shots were delivered in November), and to give more time for theaters worldwide to install 3D projectors. Cameron stated that the film's aspect ratio would be 1.78:1 for 3D screenings and that a 2.39:1 image would be extracted for 2D screenings. However, a 3D 2.39:1 extract was approved for use with constant-image-height screens (i.e. screens which increase in width to display 2.39:1 films). During a 3D preview showing in Germany on December 16, the movie's DRM 'protection' system failed, and some copies delivered could not be watched at all in the theaters. The problems were fixed in time for the public premiere. Avatar was released in a total of 3,457 theaters in the US, of which 2,032 theaters ran it in 3D. In total 90% of all advance ticket sales for Avatar were for 3D screenings.</p>
</article>


<article>
  <h2>Box Office</h2>
  <p style="text-align:justify">Avatar was released internationally on more than 14,000 screens. It earned $3,537,000 from midnight screenings domestically (United States and Canada), with the initial 3D release limited to 2,200 screens. The film earned $26,752,099 on its opening day, and $77,025,481 over its opening weekend, making it the second-largest December opening ever behind I Am Legend, the largest domestic opening weekend for a film not based on a franchise (topping The Incredibles), the highest opening weekend for a film entirely in 3D (breaking Up's record), the highest opening weekend for an environmentalist film (breaking The Day After Tomorrow's record), and the 40th largest opening weekend in North America, despite a blizzard that blanketed the East Coast of the United States and reportedly hurt its opening weekend results. The film also set an IMAX opening weekend record, with 178 theaters generating approximately $9.5 million, 12% of the film's $77 million (at the time) North American gross on less than 3% of the screens.</p>
</article>

<style>  
table, th, td {  
    border: 1px solid black;  
    border-collapse: collapse;  
}  
th, td {
    padding: 10px;
}
</style>  
<table>  
<tr><th>Features</th><th>Hollywood</th><th>Bollywood</th></tr>  
<tr><td>Technology and Quality</td><td>VFX, CGI</td><td>Stunts</td></tr>  
<tr><td>Revenue</td><td>High</td><td>Moderate</td></tr>  
<tr><td>Movie Duration</td><td>2-3Hrs</td><td>1.5-2 hrs</td></tr>  
 
</table>  

<h2>Cast</h2>
<ol>
    <li><a href="https://en.wikipedia.org/wiki/Sam_Worthington">Sam Worthington</a> as Jake Sully</li>
    <li>Stephen Lang as Colonel Miles Quaritch</li>
    <li>Sigourney Weaver as Dr. Grace Augustine</li>
    <li>Michelle Rodriguez as Trudy Chacón</li>
</ol>

<h1>See Also </h1>
<ul>
<li>List of films featuring extraterrestrials</li>
<li>List of films featuring powered exoskeletons</li>
</ul>


</body>
</html>

Image used in html webage wirh a1 name

venereology answered 2 years ago

Create following webpage in HTML : 1. Login Page This is the first page the user...

Create following webpage in HTML : 1. Login Page This is the first page the user should see. The user can login, signup, or continue as a guest. Your task is to implement the following features: a) Signup form This form should collect the information required for creating a new account on your movie database website. At the least, it should collect an email address, username, avatar image/graphic, first name, last name, and a password. You can ask for more...

specify the code to create html with the following content: 1. a paragraph stating, this is...

specify the code to create html with the following content: 1. a paragraph stating, this is an example. 2 image logo.jpg with alternate text ABC Logo below the paragraph created in 1.

Assume you request a webpage consisting of one document and five images. The document size is...

Assume you request a webpage consisting of one document and five images. The document size is 1 kbyte, all images have the same size of 50 kbytes, the download rate is 1 Mbps, and the RTT is 100 ms. How long does it take to obtain the whole webpage under the following conditions? (Assume no DNS name query is needed and the impact of the request line and the headers in the HTTP messages is negligible). a. Nonpersistent HTTP with...

Create an HTML form with the following: 2 text input fields 1 text area 2 radio...

Create an HTML form with the following: 2 text input fields 1 text area 2 radio buttons or 3 checkboxes 1 button Include labels for fields

Create an email, memo, poster or webpage to promote the use of the knowledge management system....

Create an email, memo, poster or webpage to promote the use of the knowledge management system. Ensure you explain how the information will be read by all relevant personnel. (approx. 250 words)

Can someone verify why my code isnt running <!DOCTYPE html> <html> <body bgcolor=aqua text=purple> <script type="text/javascript">...

Can someone verify why my code isnt running <!DOCTYPE html> <html> <body bgcolor=aqua text=purple> <script type="text/javascript"> funtion oldMacVerse(animal, sound) //Assumes: animal is the name of an animal, sound is the sound it makes //Results: displays a version of the song "Old MacDonals Had a Farm" in outputDiv { document.getElementById('outputDiv').innerHTML = '<p>Old MacDonald had a farm, E-I-E-I-O.<br>' + 'And on that farm he had a ' + animal + ', E-I-E-I-O.<br>' + 'With a ' + sound +...

HTML I would like you to create a three paged website, where you can navigate to...

HTML I would like you to create a three paged website, where you can navigate to any page using a navigation bar. One page must include an ordered list, one page must include an unordered list. One page must include a picture. (please keep it appropriate.) Each page much include a header and a footer, please have your name on each footer with the copyright symbol next to it. Each page must be styled using CSS, and I would like...

Write a simple javascript program using express and node.js to create a simple webpage that can...

Write a simple javascript program using express and node.js to create a simple webpage that can lead to other pages within the program. if possible, Comment everything out so I could understand how every things works. But basically, server should be hosted on localhost:8000 and should have a simple starting page. Maybe a welcome message, with at least two "links" that goes to a "homepage" and then a "exit" page.

Develop and test an HTML document to use the DOM 2 event model that has text...

Develop and test an HTML document to use the DOM 2 event model that has text boxes for apple (59 cents each), orange (49 cents each), and banana (39 cents each), along with a Submit button. These text boxes take a number, which is the purchased number of the particular fruit. Add reality checks to the text boxes of the document to ensure that the input values are numbers in the range from 0 to 99. Each of the text...

Write an HTML which will create two moving balls (use div with border-radius to create these...

Write an HTML which will create two moving balls (use div with border-radius to create these balls). The red ball starts its movement from top left corner and the green ball starts its movement from top right corner. Assuming the red ball take diagonal direction and the red ball takes anti-diagonal direction downward. When ball meets in the middle of the screen, the red ball will on top of the green ball (hint: use z-inedx). Make sure these two balls...

Question