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 4 months 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...

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

<!DOCTYPE html> <html> <body>    <title> name </title> <script> // // Write a function that calculates the amount of money a person would earn over // a period of years if his or her salary is one penny the first day, two pennies // the second day, and continues to double each day. The program should ask the // user for the number of years and...

Create 6 tags with text inside them (in a valid HTML page,) color each differently. All...

Create 6 tags with text inside them (in a valid HTML page,) color each differently. All show up on the page at this point... it's better to try to have everything upfront and in the open 1st and later have them hide, hover, or whatever interaction they will do. See the video for the text, don't bother matching the colors in the video. Validate the HTML. Bugs multiply as you make the page more complex; a CSS problem could actually...

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

Your HTML document should contain the following elements/features: HTML tags: An <input> tag labeled "Timer Duration"...

Your HTML document should contain the following elements/features: HTML tags: An <input> tag labeled "Timer Duration" with the initial value 0 A <button> tag labeled "Start" Script: When the user presses the button (1b), a function will begin that does the following: Reads the value from the input field (1a) Removes the <input> and <button> tags (1a & 1b) Creates a new <p> tag, initialized to show the input value Starts a timer that ticks down to zero. For every...

<!DOCTYPE html> <html lang="en"> <head> <title>Form Display Example</title> <script type="text/javascript"> function display() {...

<!DOCTYPE html> <html lang="en"> <head> <title>Form Display Example</title> <script type="text/javascript"> function display() { dispWin = window.open('','NewWin','toolbar=no,status=no,width=300,height=200') message = "<ul><li>NAME:" + document.form1.name.value; message += "<li>ADDRESS:" + document.form1.address.value; message += "<li>PHONE:" + document.form1.phone.value; message += "</ul>"; dispWin.document.write(message); } </script> </head> <body> <h1>Form Display Example</h1> <p>Enter the following information. When you press the Display button, the data you entered will be displayed in a pop-up.</p> <form name="form1" method="get" action=""> ...

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

Develop a one-page website using HTML tags and element to implement the following. THIS IS HEADING...

Develop a one-page website using HTML tags and element to implement the following. THIS IS HEADING 1 THIS IS HEADING 2 THIS IS HEADING 3 THIS IS HEADING 4 THIS IS HEADING 5 THIS IS HEADING 6 THIS IS A PARAGRAPH. THIS IS A PARAGRAPH. THIS IS A PARAGRAPH THIS IS ANOTHER PARAGRAPH. THIS IS ANOTHER PARAGRAPH. THIS IS ANOTHER PARAGRAPH THIS IS A LINE BREAK THIS IS A LINE BREAK THIS IS A LINE BREAK THIS IS AN ORDERED...