Build a simple HTML page that will use an image (download from internet) as a link to the a page with the following code. Note that the image should be clickable.             Text Styling Example         The following is an example of the square cube of a number:         If x = 4, x3 is 64 Just trying to figure out how to use image links for this code.

Database System Concepts
7th Edition
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Chapter1: Introduction
Section: Chapter Questions
Problem 1PE
icon
Related questions
Question

Build a simple HTML page that will use an image (download from internet) as a link to the a page with the following code. Note that the image should be clickable.

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Text Styling Example</title>
    <style>
        .strikethrough {
            text-decoration: line-through;
        }

        .underline-green {
            text-decoration: underline;
            color: green;
        }

        p {
            margin: 0;
            padding: 0;
        }

        .pink-text {
            color: salmon;
        }

        .blue-text {
            color: dodgerblue;
        }
    </style>
</head>

<body>
    <p class="pink-text">The following is an example of the <span class="strikethrough">square</span> <span class="underline-green">cube</span> of a number:</p>
    <br>
    <p class="blue-text">If x = 4, x<sup>3</sup> is 64</p>
</body>

</html>

Just trying to figure out how to use image links for this code.

Expert Solution
Step 1: Given Code:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Text Styling Example</title>
    <style>
        .strikethrough {
            text-decoration: line-through;
        }

        .underline-green {
            text-decoration: underline;
            color: green;
        }

        p {
            margin: 0;
            padding: 0;
        }

        .pink-text {
            color: salmon;
        }

        .blue-text {
            color: dodgerblue;
        }
    </style>
</head>

<body>
    <p class="pink-text">The following is an example of the <span class="strikethrough">square</span> <span class="underline-green">cube</span> of a number:</p>
    <br>
    <p class="blue-text">If x = 4, x<sup>3</sup> is 64</p>
</body>

</html>

steps

Step by step

Solved in 4 steps with 3 images

Blurred answer
Knowledge Booster
Table
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.
Similar questions
  • SEE MORE QUESTIONS
Recommended textbooks for you
Database System Concepts
Database System Concepts
Computer Science
ISBN:
9780078022159
Author:
Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:
McGraw-Hill Education
Starting Out with Python (4th Edition)
Starting Out with Python (4th Edition)
Computer Science
ISBN:
9780134444321
Author:
Tony Gaddis
Publisher:
PEARSON
Digital Fundamentals (11th Edition)
Digital Fundamentals (11th Edition)
Computer Science
ISBN:
9780132737968
Author:
Thomas L. Floyd
Publisher:
PEARSON
C How to Program (8th Edition)
C How to Program (8th Edition)
Computer Science
ISBN:
9780133976892
Author:
Paul J. Deitel, Harvey Deitel
Publisher:
PEARSON
Database Systems: Design, Implementation, & Manag…
Database Systems: Design, Implementation, & Manag…
Computer Science
ISBN:
9781337627900
Author:
Carlos Coronel, Steven Morris
Publisher:
Cengage Learning
Programmable Logic Controllers
Programmable Logic Controllers
Computer Science
ISBN:
9780073373843
Author:
Frank D. Petruzella
Publisher:
McGraw-Hill Education