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

venereology answered 4 hours ago
Next > < Previous

Related Solutions

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"...
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 {...
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...
images wont show what is wrong with this code? <html> <head> <title>Major North American Sports Leagues</title>...
images wont show what is wrong with this code? <html> <head> <title>Major North American Sports Leagues</title> <!-- Calling CSS File --> <link rel="stylesheet" href="layout.css"> <!-----------------------------------------> <!-- Navbar Links to both Pages --> <ul> <li><a class="active" href="MarcosPage.html">Marcos Page</a></li> <li><a href="JessesPage.html">Jesses Page</a></li> </ul> <!-----------------------------------------------------------------> <!-- Java Script for creating arrays --> <script> //Creates array for title names var title = []; title[0] = ["NBA"]; title[1] = ["MLB"]; title[2] = ["NHL"]; title[3] = ["NFL"]; title[4] = ["MLS"]; title[5] = ["CFL"]; //Creates array for...
<!DOCTYPE html> <html> <head> <!-- *************************************************************************************** --> <!-- * * --> <!-- * Do not change...
<!DOCTYPE html> <html> <head> <!-- *************************************************************************************** --> <!-- * * --> <!-- * Do not change anything within the <head></head> section of the HTML * --> <!-- * * --> <!-- *************************************************************************************** --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script> <style> .btn{border:1px solid black; padding:5px;display:inline-block} </style> </head> <body> <!-- *************************************************************************************** --> <!-- * * --> <!-- * Nothing to change here in the <body> * --> <!-- * * --> <!-- ***************************************************************************************...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Weather App </title> <link rel="stylesheet"...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Weather App </title> <link rel="stylesheet" href="main.css" /> </head> <body> <div class="app-wrap"> <header> <input type="text" autocomplete="on" class="search-box" placeholder="Enter your location..." /> </header> <main> <section class= "location"> <div class="city">Hyderabad, IN</div> <div class="date">Thursday 23 July 2020</div> </section> <div class="current"> <div class="temp">25<span>°c</span></div> <div class="weather">Rainy</div> <div class="hi-low">20°c / 23°c</div> </div> </main> </div> <script src="main.js"></script> </body> </html> MAIN.js const api = { key="091ff564240e0e16c46ae680b188ca3e" base: "https://api.openweathermap.org/data/2.5" }; const searchbox = document.querySelector(".search-box"); searchbox.addEventListener("keypress", setQuery); function setQuery(evt) {...
Please create a PHP action codes for the HTML CODE provided below. <!DOCTYPE html> <html> <head>...
Please create a PHP action codes for the HTML CODE provided below. <!DOCTYPE html> <html> <head> <title> Project for keeping all your input </title> </head> <body> <h1>Welcome to this Web Based Test!!!</h1> <p>Please answer the following questions:</p> <hr/> <form action="" method="post"> Name: <input type="text" name="name" value=""> <font color=red>*</font><br/><br/> E-mail: <input type="text" name="email" value=""> <font color=red>*</font><br> <hr/> Choose your major area of study: <select name="major"> <option value="Digital Media" >Digital Media</option> <option value="Software" >Software</option> <option value="Security" >Security</option> <option value="Business" >Business</option> <option value="Other"...
<!DOCTYPE html> <html> <body> <!-- replace the text below with your name!--> <!-- --> <!-- -->...
<!DOCTYPE html> <html> <body> <!-- replace the text below with your name!--> <!-- --> <!-- --> <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...
∆H1,  ∆H2, and ∆H3 are the enthalpy of the following reactions: NaOH(s) àNa+(aq) + OH-(aq)            ∆H1...
∆H1,  ∆H2, and ∆H3 are the enthalpy of the following reactions: NaOH(s) àNa+(aq) + OH-(aq)            ∆H1 NaOH(s) + H+(aq) + Cl-(aq)àH2O(l) + Na+(aq) + Cl-(aq)    ∆H2 Na+(aq) + OH-(aq) + H+(aq) + Cl-(aq)à H2O(l) + Na+(aq) + Cl-(aq)           ∆H3 Please write an equation that will demonstrate the relationship among ∆H1,  ∆H2, and ∆H3 based on Hess's Law.
This question related to thermodynamics. With a throtteling valve in a refrigiration system h1 = h2.  ...
This question related to thermodynamics. With a throtteling valve in a refrigiration system h1 = h2.   If h1 = h2 and only pressure is changed by a throttling valve then why can't an ideal gas be used? Why do refrigerants need to be used?
ADVERTISEMENT
Subjects
ADVERTISEMENT
Latest Questions
ADVERTISEMENT