show output of this html code: paragraph Paragraph with blue colour
Q: Describe how inline style sheets supersede the style of the HTML document in which they are used.
A: Style Sheet: The collection of style rules advises a browser to apply various styles to HTML tags to…
Q: What color font does the second paragraph inherit? <!DOCTYPE html> <html lang="en">…
A: The provided HTML code includes a CSS style block that sets the color of the text in the body of the…
Q: 4. Each page should contain at least 15 unique HTML elements. You will need to add more content to…
A: An HTML element is defined by a start tag, some content, and an end tag.
Q: Part Two The following image shows the background color for various elements in index.html. Bох…
A: Answer: Updated Source Code: <!DOCTYPE html> <html lang="en"> <!-- below here is…
Q: Part 2 In this exercise, we're going to add a simple tiling background image to the menu. The images…
A: i have added a div around menu and defined relevant css for transparent background.
Q: Write html code to create a webpage with a table that displays a photo gallery like the webpage in…
A: The objective of the provided question is to create a webpage with a table that displays a photo…
Q: index.Txt
A: Program Code: <!DOCTYPE html><html><head><meta…
Q: 3. Move all styles frrm the embedded stylesheet to main-styles.css a. It would be best to review the…
A: Here, I created two files index.html main-styles.css In index.html, I put all the HTML code and in…
Q: Home Page Home Contact About Welcome to my (about me)…
A: HTML code:- <!DOCTYPE html><html><head><title>Home…
Q: Using Document Object Model (DOM): Modify “src” attribute in the following HTML code, photo1.jpg to…
A: To change the src or the source attribute of the image tag . First we have to locate the image tag…
Q: 1. Use an embedded style sheet for this exercise. Start by adding a style el- ement in the head of…
A: Answer: Updated Source Code: 1. 2. 3. 4.: <!DOCTYPE html> <html> <head>…
Q: Write HTML code to insert an image using tag and use this image as a link
A: To utilize picture as a connection in HTML, utilize the <img> tag just as the <a> tag…
Q: 1. Use an embedded style sheet for this exercise. Start by adding a style el- ement in the head of…
A: First of all, I have created an embedded style sheet in the HTML file below the title tag then I…
Q: Lab 14 Sticky Note Board Transforms CSS transforms change the shape and position of the…
A: Applying background color for the sticky note . Using CSS
Q: <!DOCTYPE html><html><head><title>Home…
A: HTML stands for a hypertext markup language. It is used for designing static web pages along with…
Q: Table below shows the description of HTML tags. Which of the following is false? Please tick (/) the…
A: Answer : <acronym> define an acronym is false : /
Q: write html code to create html page contains 3 rows of frames while the first frame is the called…
A: <!DOCTYPE html><html><head><title>frames example</title></head>…
Q: External Style Sheets There are three ways to apply CSS to HTML: inline styles, embedded style…
A: We have to create an external CSS file and replace the embedded style sheet with an external style…
Q: Describe how inline style sheets take precedence over the HTML document's style when utilized.
A: In CSS (Cascading Style Sheets), there are two types of style sheets that are inline and outline…
Q: 2. Fix indentations by following this guide (https://developers.google.com/style /html-formatting)
A: I have fixed the indentation in below code.
Q: Use an embedded style sheet for this exercise. Star
A: embedded or inline style means providing the style rules with in the html tags .
Q: What is the intuition of using DOCTYPE statement at the beginning of an HTML page?
A: <!DOCTYPE html><html><head><title>Title of the…
Q: Colorful Interactions Setting Up: 1. Add the following HTML after the form created in Part 1 of this…
A: Code : <!DOCTYPE html><html><head> <script…
Q: A webpage has the following outline of headings Book Tile Chapter 1 Article 1 Article 2…
A: The question is asking about the appropriate level of HTML heading tag to use for the 'Further…
Q: In this exercise, we're going to add a simple tiling background image to the menu. The images…
A: Answer: This question based on interconnection between CSS and HTML so that developer add some…
Q: 1. Use an embedded style sheet for this exercise. Start by adding a style el- ement in the head of…
A: First of all, I have Created an embedded style sheet below the title then I have used 'Open Sans',…
Q: Assume you have the following html code: /* Your code goes here */ Lorem ipsum dolor sit…
A: For given CSS conditions i have added all that styles in HTML and provide output below.
Q: 66) Use the GIVEN HTML documents to answer the following questions: <!Doctype html>…
A: The question is asking about the behavior of the animation defined in the given HTML document. The…
Q: Using and element display audio/video content in html?
A: I have provided HTML CODE along with CODE SCREENSHOT and OUTPUT SCREENSHOT----------------
Q: External Style Sheets There are three ways to apply CSS to HTML: inline styles, embedded style…
A: Embedded stylesheet (Also, called internal CSS) is the kind of stylesheet or CSS style that is…
Q: Home Page Home Contact About Welcome to my…
A: Given HTML Code: <!DOCTYPE html><html><head><title>Home…
Q: This is my first page Hi my name is Aziz This is my bio…
A:
Q: CSS and HTML Improve my code to look exactly like the picture.
A: HTML:- It stands for Hyper Text Markup Language The main structure of HTML CODE is as follows:…
Q: which element can appear in any section of an HTML page? a) b) c) d)
A: Introduction of HTML: HTML stands for Hypertext Markup Language, and it is a standardized language…
Q: dth:160px; height:160px; border:1
A: A simulation creates a model of a real-world situation, allowing us to introduce a variety of…
Q: Create an input element in HTML that contains a pattern of at least 10 uppercase-only characters, at…
A: Code: <!DOCTYPE html><html><body><form action="/action_page.php"> <label…
Q: Black Goose Bakery Grid html { box-sizing: border-box; } * { box-sizing: inherit; } body {…
A: I did all the required changes in the below html code.
Q: 3. add nav, main, and footer elements (.. .)
A: This coding is for designing a web page of a student who wants to display his interests &…
Q: By using the program below: Kindly Set the to "italic", "20px" and "Verdana".…
A: In order to set style in the given html. We need to put CCS style inside <style>as follows…
Q: Part 1- Flex The goal of this section isto create a gallery of images using flexbox: Wakeme to Plet…
A: Answer: HTML Source Code: <!DOCTYPE html> <html lang="en"> <head> <meta…
Q: 3. add nav, main, and footer elements (... .)
A: In this HTMl added with the Nav element ,Main element , and footer element.
Q: mbedded style sheet for th
A: style can be embedded/inline , internal (mentioned in html file itself) or external(specified in a…
Q: 3. add nav, main, and footer elements (.... .)
A: here we have given html code with nav, main and footer elements
Q: span { color : blue; } Information Technology Program what will…
A: Inline CSS has the highest priority than the internal CSS. <html> <head>…
Q: 3. add nav, main, and footer elements (.. .)
A: //<nav> tag: <nav> tag is used to define set of navigation links. //save below program…
Q: how to put the outputs in an array named 10 .and delete 0
A: Introduction: Syntax to declare an array: const array_name=[]; Syntax to add an element to an…
show output of this html code:
<html>
<head>
<title>paragraph</title>
</head>
<body>
<p style="color:blue;">Paragraph with blue colour</p>
</body>
</html>
Step by step
Solved in 4 steps with 2 images
- Describe how inline style sheets supersede the style of the HTML document in which they are used.the html code is like this ---- <!DOCTYPE html> <html lang="en" dir="ltr" id="top"> <head> <metacharset="utf-8"> <title>Gallery zoo </title> </head> <body> <header> <h1>zoo </h1> <h3id="zoop">zoo</h3> </header> <linkrel="stylesheet"type="text/css"href="n.css"> <scripttype="text/javascript"src="n.js"></script> <body> <scriptsrc="unit3.js"type="text/javascript"></script> <headerid="top"> <h1> Z O O </h1> <h3id="ZOO">this is zoo</h3> </header> <nav> <header> <ulstyle="list-style-type:none"> <li><ahref="#elephantSection">elephant</a></li> <li><ahref="#bearSection">bear</a></li> <li><ahref="#lionSection">lion</a></li> <li><ahref="#monkeySection">monkey</a></li>…<!DOCTYPE html><html><head><title>Contact me</title></head><body><!--Added main tag--><main><!--Added nav tag--> <nav> <a href="home.html">Home</a> <a href="contact.html">Contact</a> <a href="about.html">About</a> </nav> <h1>Contact ME</h1> <span>photo of me Joe Mc</span><br> <picture> <source media="(min-width:650px)" srcset="me1-650.jpg"> <source media="(min-width:465px)" srcset="me1-465.jpg"> <img src="me1.jpg" alt="lake" style="width:auto;"> </picture> <p>You can contact me through : </p><div> <ul> <li>Email - 332boyman@gmail.com</li> <li>Phone - (802)3730290</li></ul> <footer> <p>Author: Josiah McSweeney<br><!--Added footer tag--><footer> <p>Copyright Reserved</p>…
- <!DOCTYPE html><html><head><title>Contact me</title></head><body><!--Added main tag--><main><!--Added nav tag--> <nav> <a href="home.html">Home</a> <a href="contact.html">Contact</a> <a href="about.html">About</a> </nav> <h1>Contact ME</h1> <span>photo of me Joe Mc</span><br> <picture> <source media="(min-width:650px)" srcset="me1-650.jpg"> <source media="(min-width:465px)" srcset="me1-465.jpg"> <img src="me1.jpg" alt="lake" style="width:auto;"> </picture> <p>You can contact me through : </p><div> <ul> <li>Email - 332boyman@gmail.com</li> <li>Phone - (802)3730290</li></ul> <footer> <p>Author: Josiah McSweeney<br><!--Added footer tag--><footer> <p>Copyright Reserved</p>…<!DOCTYPE html><html> <head> <title>Home Page</title> <link rel="stylesheet" type="text/css" href="./styles/grid.css"> </head> <body> <!--Added main tag--> <main> <!--Added nav tag--> <nav> <a href="index.html">Home</a> <a href="contact.html">Contact</a> <a href="about.html">About</a> </nav> <h1>Welcome to my (about me) site</h1> <picture> <source media="(min-width:650px)" srcset="./images/me3-650.jpg"> <source media="(min-width:465px)" srcset="./images/me3-465.jpg"> <img src="./images/me3.JPG" alt="ME" style="width:auto;"> </picture> <h3>HI there this is one of my favorite songs down below.</h3> <iframe width="420" height="345"…<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Shape Up!</title> <link rel="shortcut icon" href="images/favicon.ico"> </head> <body> <header> <img src="images/shape_up_logo.png" alt="Shape Up logo"> <h2>Shape Up!</h2> <h3>Find the best fit for you</h3> </header> <main> <section> <h1>Get ready to Shape Up!</h1> <p>How many times have you started a new workout routine or diet? And how many times has it failed to give you the results you want? Now, with the help of this site, you can learn about the exercises and diet that work best for you. We offer personalized programs as well as access to several health and dieting tools. So don't wait! Get started looking and feeling better today.</p> <p>As fitness expert Amanda Russell said:</p> <blockquote>Fitness is about so much more than exercise. It’s a catalyst for…
- <!doctype html><html><head><meta charset="UTF-8"><title>Black Goose Bakery Grid</title><link href="https://fonts.googleapis.com/css?family=Stint+Ultra+Expanded" rel="stylesheet"><style> html { box-sizing: border-box;}* { box-sizing: inherit;}body { font-family: Georgia, serif; font-size: 100%; background-color: white; margin: 0;} /* GRID STYLES START HERE */#layout { margin-left: 5%; margin-right: 5%; /* display as grid */ display: grid;/* 5 grid rows heights */grid-template-rows: 3em 20px [main-start] 150px 300px 5em [main-end];grid-template-columns: [main-start] 1fr [main-end] repeat(3, 20px 150px);} /* VISUAL STYLES START HERE */ /* link styles */a:link, a:visited { color: #DC6903; }a:focus, a:hover, a:active { color: #F9AB33; } a { text-decoration: none; border-bottom: 1px dotted; padding-bottom: .2em;} /* nav styles */nav, footer { font-family: verdana, sans-serif; background-color: #783F27;}nav ul li…<!DOCTYPE html ><html> <head><meta charset="utf-8"><title>Black Goose Bistro Summer Menu</title><link href='http://fonts.googleapis.com/css?family=Marko+One' rel='stylesheet' type='text/css'><style>body {font-family: Georgia, serif;font-size: 100%;line-height: 175%;margin: 0 15% 0;}header {margin-top: 0;padding: 3em 1em 2em 1em;text-align: center;} a {text-decoration: none;} h1 {font: bold 1.5em Georgia, serif;text-shadow: .1em .1em .2em gray;}h2 {font-size: 1em;text-transform: uppercase;letter-spacing: .5em;text-align: center;}dt {font-weight: bold;}strong {font-style: italic;}ul {list-style-type: none;margin: 0;padding: 0;}#info p {font-style: italic;}.price {font-family: Georgia, serif;font-style: italic;}p.warning, sup {font-size: small;}.label {font-weight: bold;font-variant: small-caps;font-style: normal;} h2 + p {text-align: center;font-style: italic;} </style></head> <body> <header><h1>Black Goose…<!DOCTYPE html ><html> <head><meta charset="utf-8"><title>Black Goose Bistro Summer Menu</title><link href='http://fonts.googleapis.com/css?family=Marko+One' rel='stylesheet' type='text/css'><style>body { font-family: Georgia, serif; font-size: 100%; line-height: 175%; margin: 0 15% 0; background-color:rgb(210,220,157); background-image: url("bullseye.png"); /* Rounded Shape image */ background-size: contain; } header { margin-top: 0; padding: 3em 1em 2em 1em; text-align: center; border-radius:4px; background-color:hsl(0, 14%, 95%); background-image: url("purpledot.png"); background-repeat: repeat-x; } a { text-decoration: none; color:rgb(153,51,153); } a:visited { color: hsl(300, 13%, 51%); } a:hover { background-color: #fff; } a:focus { background-color: #fff; } a:active{color:#ff00ff;} h1 { font: bold 1.5em Georgia, serif; text-shadow: 0.1em 0.1em 0.2em gray; color: rgb(153,51,153);} h2 { font-size: 1em; text-transform: uppercase;…
- Make a calculator from javascript. the HTML code is presented below. <html> <head> <style> button { font-size: 200%; width: 40px; } input { font-size: 14px; height: 40px; text-align: right; } </style> </head> <body> <table> <tr> <td colspan="4"><input id="display" name="display" disabled></input></td> </tr> <tr> <td><button id="button1" value="1">1</button></td> <td><button id="button2" value="2">2</button></td> <td><button id="button3" value="3">3</button></td> <td><button id="addButton">+</button></td> </tr> <tr> <td><button id="button4" value="4">4</button></td> <td><button id="button5" value="5">5</button></td> <td><button id="button6" value="6">6</button></td> <td><button…Write HTML code to insert an image using <img> tag and use this image as a link<!DOCTYPE html><html> <head> <title>Home Page</title> </head> <body> <!--Added main tag--> <main> <!--Added nav tag--> <nav> <a href="index.html">Home</a> <a href="contact.html">Contact</a> <a href="about.html">About</a> </nav> <h1>Welcome to my (about me) site</h1> <picture> <source media="(min-width:650px)" srcset="./images/me3-650.jpg"> <source media="(min-width:465px)" srcset="./images/me3-465.jpg"> <img src="./images/me3.JPG" alt="ME" style="width:auto;"> </picture> <h3>HI there this is one of my favorite songs down below.</h3> <iframe width="420" height="345" src="https://www.bing.com/search?q=Nirvana%20-%20The%20Man%20Who%20Sold%20The…
