Question

In: Computer Science

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

    <!--additional paragraph-->

    <!--here two words are bold and two are italicized-->

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

Make one list item in each list a hyperlink. Make one bold, and make one italic. Also make a word in each list underlined.

Solutions

Expert Solution

Note: Make one list item in each list a hyperlink. Make one bold, and make one italic. Also make a word in each list underlined. You have to style the in each list item not outside

index.html

<html> <!-- Start of html tag -->

<head> <!-- Start of head tag -->

<title>Nick D'Angelo</title>

</head>

<body> <!-- Start of body tag -->


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

<!--additional paragraph-->

<!--here two words are bold and two are italicized-->

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

<!--Updated section -->
<!-- a order list with mentioned styles : hyperlink, bold, italic, underlined -->
<ol>
<li><a href="#">Order 1</a></li>
<li><b> Order 2</b></li>
<li><i> Order 3</i></li>
<li><u> Order 4</u></li>
<li>Order 5</li>
<li>Order 6</li>
<li>Order 7</li>
<li>Order 8</li>
<li>Order 9</li>
<li>Order 10</li>
</ol>

<!-- a unorder list with mentioned styles : hyperlink, bold, italic, underlined -->
<ul>
<li><a href="#">Unorder 1</a> </li>
<li><b>Unorder 2</b></li>
<li><i>Unorder 3</i></li>
<li><u>Unorder 4</u></li>
<li>Unorder 5</li>
<li>Unorder 6</li>
<li>Unorder 7</li>
<li>Unorder 8</li>
<li>Unorder 9</li>
<li>Unorder 10</li>
</ul>

<!-- a Defination list with mentioned styles : hyperlink, bold, italic, underlined -->
<dl>
<dt><a href="#">Defination a</a></dt>
<dd>Defination 1</dd>
<dd>Defination 2</dd>
<dd>Defination 3</dd>
<dt><b>Defination b</b></dt>
<dd>Defination 4</dd>
<dd>Defination 5</dd>
<dd>Defination 6</dd>
<dt><i>Defination c</i></dt>
<dd>Defination 7</dd>
<dd>Defination 8</dd>
<dd>Defination 9</dd>
<dt>
<u>Defination d</u>
</dt>
<dd>Defination 10</dd>
</dl>


<!-- a nested list with mentioned styles : hyperlink, bold, italic, underlined -->
<ol>
<li><a href="#"> Nested a</a><ul>
<li>Nested 1</li>
<li>Nested 2</li>
<li>Nested 3</li>
</ul></li>
<li><b>Nested b</b><ul>
<li>Nested 1</li>
<li>Nested 2</li>
<li>Nested 3</li>
</ul></li>
<li><i>Nested c</i><ul>
<li>Nested 1</li>
<li>Nested 2</li>
<li>Nested 3</li>
</ul></li>
<li><u>Nested d</u>
<ul>
<li>Nested 1</li>
</ul>
</li>
</ol>
</body> <!-- End of body tag-->

</html> <!-- End of html tag-->
Output

Code output


Related Solutions

Remove inline style to an external file <!DOCTYPE html> <html> <head> <title>PROBLEM</title> </head> <body>    <form>...
Remove inline style to an external file <!DOCTYPE html> <html> <head> <title>PROBLEM</title> </head> <body>    <form> <table style="color:white;background-color:blue;border:solid black 7px;border-radius:25px;"> <tr><th colspan="2" style="color:white;background-color:black;border:solid black 2px;outline:solid black 2px;">SQUARE PROBLEM</th></tr> <tr> <td><label>Enter side:</label></td><td> <input type="text" style="background-color:#DEDEE6;border:4px solid red;"/> </td> </tr> <tr> <td><label>Area:</label></td><td> <input type="text" readonly style="background-color:#DEDEE6;border:4px solid yellow;"/> </td> </tr> <tr> <td><label>Perimeter:</label></td>   <td> <input type="text" readonly style="background-color:#DEDEE6;border:4px solid yellow;"/> </td> </tr> <tr>    <td colspan="2" >    <center>    <input type="button" value="Area" style="color:white;background-color:black;border:1px solid red;"/>    <input type="button" value="Perimeter" style="color:white;background-color:black;border:1px solid white;"/>...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>All Pets Veterinary Hospital</title> <style> body { font-family: arial,...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>All Pets Veterinary Hospital</title> <style> body { font-family: arial, sans-serif; font-size: 100%; } /* outer container */    #wrapper { width: 960px; margin: 50px auto; padding: 0px; background-color: rgb(255, 255, 255); /* white */ border: 1px solid #000; /* black */ }    header h1 { text-align: center; }    nav { text-align: center; background: rgb(175, 196, 206); }    address figure { text-align: center; } </style> </head> <body> <div id="wrapper"> <!-- outer...
Draw the DOM tree for the HTML of the ImageSwap application. <!DOCTYPE html> <html> <head> <title>Image...
Draw the DOM tree for the HTML of the ImageSwap application. <!DOCTYPE html> <html> <head> <title>Image Swap Application</title> <link rel="stylesheet" type="text/css" href="image_swap.css"> <script type="text/javascript" src="image_swap.js"></script> </head> <body>     <main>         <h1>Fishing Images</h1>         <p>Click on an image to enlarge.</p>         <ul id="imageLinks">             <li><a href="images/release.jpg" title="Catch and Release">                 <img src="thumbnails/release.jpg" alt=""></a></li>             <li><a href="images/deer.jpg" title="Deer at Play">                 <img src="thumbnails/deer.jpg" alt=""></a></li>             <li><a href="images/hero.jpg" title="The Big One!">                 <img src="thumbnails/hero.jpg" alt=""></a></li>             <li><a href="images/bison.jpg" title="Grazing Bison">                 <img src="thumbnails/bison.jpg"...
<!doctype html> <html lang="en">   <head>     <title>Programming 1</title>     <meta charset="utf-8"/>           
<!doctype html> <html lang="en">   <head>     <title>Programming 1</title>     <meta charset="utf-8"/>                     </head>      <body>     <script type="text/javascript">              function findAnswer() {           var a = new Date(2020, 12, 29);           // HINT: Be careful with getMonth()           var d =  a.getFullYear() + a.getMonth();           var sum = d % 5;           document.getElementById("ans").innerHTML = sum.toString();         }     </script>              <form action="#" method="post" name="form1" id="form1" class="form" >        <input type="button" name="Submit" id="submit" value="Submit" onclick="findAnswer();"/>          </form>     <p id ="ans"></p>   </body> </html> none Will the code from above print anything, if so, what printed ?...
<!doctype html> <html lang="en">   <head>     <title>Programming 1</title>     <meta charset="utf-8"/>           
<!doctype html> <html lang="en">   <head>     <title>Programming 1</title>     <meta charset="utf-8"/>                     </head>      <body>     <script type="text/javascript">              function findAnswer() {           var a = document.getElementById("box1").value;           var b = document.getElementById("box2").value;                        if (typeof(a) == "number" && typeof(b) == "number") {               var c = (a + b) % 5;               document.getElementById("ans").innerHTML = c.toString();             } else {                document.getElementById("ans").innerHTML = "no Good";             }         }     </script>              <form action="#" method="post" name="form1" id="form1" class="form" >        <label>Enter Numbers: </label> <br />           <label> Value 1  : </label><input type="text" name="box1" id="box1"  value="10" /><br/>           <label> Value...
HTML <!DOCTYPE html> <html> <head>     <meta charset="UTF-8">     <title>Clock</title>     <link rel="stylesheet" href="clock.css">    &n
HTML <!DOCTYPE html> <html> <head>     <meta charset="UTF-8">     <title>Clock</title>     <link rel="stylesheet" href="clock.css">     <script src="clock.js"></script> </head> <body>     <main>         <h1>Digital clock</h1>         <fieldset>             <legend>Clock</legend>             <span id="hours">&nbsp;</span>:             <span id="minutes">&nbsp;</span>:             <span id="seconds">&nbsp;</span>&nbsp;             <span id="ampm">&nbsp;</span>         </fieldset>     </main> </body> </html> CSS: body {     font-family: Arial, Helvetica, sans-serif;     background-color: white;     margin: 0 auto;     width: 450px;     border: 3px solid blue;     padding: 0 2em 1em; } h1 {     color: blue; } label {     float: left;     width: 11em;     text-align: right;     padding-bottom: .5em; } input {     margin-left: 1em;     margin-bottom: .5em; } fieldset {...
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...
<!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="">   ...
Create an “About Me” HTML webpage. Use the <h2> Tag to give the page a header...
Create an “About Me” HTML webpage. Use the <h2> Tag to give the page a header with your Full name. The header needs to be in Plum color(Any color other than black, blue – Make the page look good). The webpage should have a background color that compliments the header color. Set the content(Anything about yourself!) of the page inside <p> tags and use a different color for it. Save your file as “AboutMe.html” and upload the file to BB...
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...
ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT