Question

In: Computer Science

HTML mark-up text know the following HTML tags: · <html> · <body> · <head> · <p> ·...

HTML mark-up text

know the following HTML tags:

· <html>

· <body>

· <head>

· <p>

· <h1>, <h2>, <h3>, etc…

· <a>

· <img>

· <br>

· <hr>

· <pre>

· <i>

· <b>

· <em>

· <sub>

· <ins>

· <strong>

· <mark>

· <cite>

· <address>

· <abbr>

After you have reviewed these HTML tags and developed a sense of how they manipulate the presentation of the mark-up, write a sample page of HTML that briefly goes over each of these tags and demonstrates how it is used. If you can, indicate a couple of the style properties that can also be manipulated on these tags with short demonstrations.

You can just make your submission the form of an informative web-page, or you can use the elements reviewed and create a webpage with creative flair. For this assignment, select your favorite poem and write mark-up to make it appears in an aesthetically pleasing manner while taking care to demonstrate your knowledge and mastery of the listed tags.

Expert Solution

Demo.html

<!DOCTYPE html>

<html>
    
    <head>
        
        <title>Title of favorite poem</title>
        
    </head>
    <body>

<p>This is a paragraph.</p>
        
        <h1>This is a heading</h1>
        
        <h2>This is a heading</h2>
        
        <h3>This is a heading</h3>
        
       <h4>This is a heading</h4>
        
       <h5>This is a heading</h5>
        
       <h6>This is a heading</h6>

<a href="https://www.google.com">Visit google.com!</a>

<p>
            ine breaks<br />
            in a text,<br />
            use the br<br />
        </p>

<hr />
        
        <pre>
Text in a pre element
is displayed in a fixed-width
font, and it preserves
both      spaces and
line breaks poem

</pre>
        
        <p><i>poem</i> favorite poem</p>
        
        <p><b>poem</b> favorite poem</p>
        
        <p><em>poem !!!</em> favorite poem</p>
        
        <p>This text poem <sub>subscript</sub> plz</p>
        
        <p>This text poem<del>blue</del> <ins>red</ins>!</p>
        
        <strong>This text poem important!</strong>
        
        <p>This text poem <mark>LOVE</mark> today.</p>
        
        <p><cite>The poem</cite> One favorite poem</p>
        
        <address>
            Written by <a href="https://www.google.com">ABC</a>.<br />
            Visit us at:<br />
            google.com<br />
            Box 564
        </address>
        
        The <abbr title="favorite poem">poem</abbr> was founded in 1948.
        
    </body>
</html>

venereology answered 2 hours ago

BEFORE html <html> <head> <link rel="stylesheet" type="text/css" href="mystyle98_d.css"> </head> <body> <p>

BEFORE html <html> <head> <link rel="stylesheet" type="text/css" href="mystyle98_d.css"> </head> <body> <p> I'm a paragraph, what color am I ? </p> <ul> <li id = "fix"> I'm a list item;what color am I? </li> </ul> <div class = "central1"> <p class ="above"> I'm a paragraph; what color am I? </p> <p> I'm another paragraph, what color am I ? </p> <ol> <li id = "fix1"> I'm another list item;what...

<!DOCTYPE html> <html> <body>   ...

<!DOCTYPE html> <html> <body>    <title> TYPE YOUR NAME HERE</title> <script> // // A bug collector collects bugs every day for five days. Write a function that keeps // a running total of the number of bugs collected during the five days. The loop // should ask for the number of bugs collected for each day, and when the loop is // finished, the program should display the total...

The following HTML tags will be used to complete assignment below: · <table> · <tr> ·...

The following HTML tags will be used to complete assignment below: · <table> · <tr> · <td> Explore CSS and the various ways attributes can be manipulated to change the width and style of table borders in addition to the physical dimensions of the space that resides within each cell. Demonstrate mastery of the concepts of "absolute" vs. "relative" sizes when specifying table dimensions and create a traditional 12x12 multiplication table and a different HTML table on the same markup...

<html> <head> <title>Nick D'Angelo</title> </head> <body> <h1>This is a header</h1> <h2>This is a subheader</h2> &nbs

<html> <head> <title>Nick D'Angelo</title> </head> <body> <h1>This is a header</h1> <h2>This is a subheader</h2> <p>The quick <b>brown</b> fox jumped <i>over</i> the lazy dog.</p>   <p>Pack my <b>box</b> with <i>five</i> dozen <b>liquor</b> <i>jugs</i>. Go to <a href='https://www.esu.edu' target="_blank">site</a></p> <a href="http://ndangelo.com">Nick's Homepage</a> <a href="http://ndangelo.com" target="_blank">Nick's Homepage</a> </body> <html> Add an Ordered, Unordered, Definition and Nested list to your html file (one for each). Each should be at least 10 lines or more....

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 +...

What do the following HTML statements do? <body> &

What do the following HTML statements do? <body> <head> <table> <tr> <td>

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

Which of the following tags is NOT a container tag? <p> <span> <div> <img> <table> What...

Which of the following tags is NOT a container tag? <p> <span> <div> <img> <table> What is the correct order for table tags <table><td><tr> <tr><td> <table><tr><td></tr></td></table> <table><tr><td></td></tr></table> <table><td><tr></tr></td></table> For the list shown below which of the following is the proper HTML5 code for the list. 1. A 2. B 3. C <ul> <li> A <li> B <li> C </ul> <ul> <li> A </li> <li> B </li> <li> C </li> </ul> <ol> <li> A <li> B <li> C </ol> <ol> <li>...

Using node.js, create the following tasks. 1. Set up a server and HTML file server as...

Using node.js, create the following tasks. 1. Set up a server and HTML file server as shown in the videos. Once you have it successfully running, make the following adjustments A. When a 404 error (file not found) occurs, display a funny message about the file missing and/or did you forget how to type? B. If the user enters a request for the home page (index.html) then: Display an index.html page you have created which includes your name, course number,...

Produce 1 full page of body text for the following category citing sources. Address thoroughly providing...

Produce 1 full page of body text for the following category citing sources. Address thoroughly providing a short background and explore the theoretical and practical application to business administration. 1. Internships and Continuing your Education