4) Style the with the following styles: • Uppercase all the letters, without touching the htmll • Set the font-family to be 'monospace' • Center align the text • Set the font weight to 100 • Make the text size 40px Set spacing between letters to 20px Add a wavy plum underline (plum is the color) – I can't test this, but make sure it looks like the image! PURPL E GRAIN Example SIDOCTYPE html> Logo Purple Grain

4) Style the with the following styles: • Uppercase all the letters, without touching the htmll • Set the font-family to be 'monospace' • Center align the text • Set the font weight to 100 • Make the text size 40px Set spacing between letters to 20px Add a wavy plum underline (plum is the color) – I can't test this, but make sure it looks like the image! PURPL E GRAIN Example SIDOCTYPE html> Logo Purple Grain

New Perspectives on HTML5, CSS3, and JavaScript

6th Edition

ISBN:9781305503922

Author:Patrick M. Carey

Publisher:Patrick M. Carey

Chapter3: Designing A Page Layout: Creating A Website For A Chocolatier

Section: Chapter Questions

Problem 6CP3

See similar textbooks

Similar questions

There are a few errors in this code: - You must add a style to change all img tags' width to 70px - You must add a style to change all img tags' height to 70px Here is the code below: <!DOCTYPE html><html> <head> <title>Product Suggestions</title>  <style> img{ width:70px; height:70px; } </style> </head> <body> <h1>Top Selling Coffee Makers</h1> <img src="https://codehs.com/uploads/3e5b0c8de83e7fbedf5e16dfe8960502" alt="Coffee Maker"> <img src="https://codehs.com/uploads/b6a1e499fa8e709b3591dde48f0219d9" alt="Coffee Maker"> <img src="https://codehs.com/uploads/56156cc6e4a7f53c00a31d2cb8f6a0c3" alt="Coffee Maker"> <img src="https://codehs.com/uploads/b826326ca109ce618474876309cf0772"…
Write an HTML file that creates the following web page. Body: font-family should be Arial First h1: font-family should be Times color should be blueviolet text-transform should be upperletter text-align should be center Second h1: font-family should be sans-serif font-size should be 2em color should be brown text-decoration should be overline In the first paragraph: The “ Web Design” must have a font-size of 2em and it should be strong In the second paragraph: The “development software.” must have letter spaces like 0.5em and it should be strong
1. Create an HTML Document. 2. link jQuery to HTML using the latest jQuery CDN 3. Create a <h1> element 4. Create four input buttons with the following values the text will be ("change color", "change size", "append text", "reset") 5. Use jQuery to add a click handler to each one of the elements individually to perform a task change color = change the font color of the jQuery change size = change the font size of the jQuery function append text = add text to the <h1> with a jQuery rest = reset the element back to original using a jQuery
13- Create a webpage applying the new HTML 5 semantic elements and design using CSS based on the instructions given. Heading text : “Places to Visit in Oman” Navigation text : Opera House, National Museum Footer text : Best places to visit in Muscat Governorate a) Create Main with the following styles Set Border style to double Set Border width to 10px Set Border color as lime b) Create Header and footer with the following styles · Set background color as red · Set the text color as yellow · Set the font-size as 30px c) Create the navigation with the following styles · Set background color as blue · Set “opera.html” as the target ,when the text “Opera House” is clicked · Set “national.html” as the target ,when the text “National Museum” is clicked
Q.1 (Microsoft) Create the following paragraph and apply the following fromats. ''The brand emerged on the Uganda television market in 2018, it`s located in Mawanda road, Kampala, Uganda and it`s privately owned by bent and nada Anderson'' i. Change the first line to toggle case, front: Times new Roman,front size to 22 and font style bold italic ii. add page number iii. shade the second line with Blue iv. Double space the paragraph v. Strike through the first line vi. Insert a horzontal watermark in your document. vii. Right align all sentences viii. change the paragraph to toggle case
Write the HTML, CSS, and JS that meets the following requirements: Make the font size 20 points. Make the left margin 50 pixels. Add the following elements to the page: level 1 header. The content shall be your name. image. The picture displayed shall be anything of your choice on the web. Use an absolute/remote URL. ordered list with two items. The content of these items shall be your two favorite things. Write a JS script that does the following: Ask the user for his two favorite things. Print a new ordered list with the the inputted values. Ask the user if he likes Google. If so, print an image of the Google logo.
Provide html and css seperately <!DOCTYPE html> <html lang="en"> <style> body{ margin: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #556271; color: white; } h1{ color: #fe6a67; text-align: center; font-weight: normal; text-transform: uppercase; border-top: 1px dotted #d4dccd; margin-top: 30px; } h2{ font-size: 1em; text-align: center; } body{ margin: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } h1{ width: 2px; border-top: 1px dotted; border-top-color: #506D84; } h2{ text-align: center; } </style> <head> <link rel="stylesheet" href="style.css"> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .first>h2, .second>h2, .third>h2 { margin-top: 10px; margin-bottom: 10px; } .image { width: 200px; }…
An eccentric California real-estate mogul hires your design firm to “create an identity” for La Mirage, his development of high-tech executive condominiums in Palm Springs. Since he’s curious about what you’ll come up with on your own, the only creative direction he’ll give you is to tell you that the concept is “a desert oasis.” 1. Create a new document, then save it as Desert Oasis. 2. Using a bold font and 80 pt for a font size, type LA MIRAGE in all capitals. 3. Change the horizontal scale to 80%. 4. Change the baseline shift to 0. 5. Apply a -100 kerning value between the two words. 6. Convert the text to outlines, then click the linear gradient swatch on the Swatches panel that fades white to black. 7. Using the Color panel, change the first color stop to 66M/100Y/10K. 8. Create an intermediary color stop that is 25M/100Y. 9. Position the intermediary color stop at 70% on the slider. 10. Save the gradient on the Swatches panel, and name it Desert Sun. 11. Drag the Gradient…
I need to make this code look like the image I am sending. I've attached a photo of the directions and what the outcome should be. <!DOCTYPE HTML> <html lang="en"> <head> <meta charset="utf-8"> <title>Complete a Form</title> <style> * { margin: 0; padding: 0; } body { font: 87.5% Arial, Helvetica, sans-serif; width: 500px; margin: 20px auto; padding: 20px; border: 2px solid blue; } h1 { color: blue; font-size: 140%; } h2 { font-size: 115%; padding: .5em 0; } label { color: blue; float: left; width: 8em; font-weight: bold; text-align: left; } input { width: 15em; margin: 0 0 .5em 1em; } #button, #reset {…
i cant seem to find the problem, im only using notepad. i need to recreate this. this is my code. <html><head><meta name="viewport" content="width=device, initial-scale= 1.0"><style type= "text/css">*{margin: 0;padding: 0;font-family: 'Roboto' sans-serif;}body{background-image: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)), url('https://www.fatima.edu.ph/wp-content/uploads/2018/11/OLFU-Quezon-City-Campus-Drone-1024x576.png');background-position: center;background-size: cover;} .container{width: 100%height: 100vh;padding-left: 8%;padding-right: 8%;box-sizing: border-box;} .navbar{height: 12%;display: center;align-items: center;} .logo{width: 30px;cursor: pointer;} nav{flex: 1;text-align: right;} </style></head><body><div class="container"><div class="navbar"><img src="" class="logo" width="90" height="80" <nav><ul> <li><a href="">HHEHE</a></li> <li><a…
The following style rules should be added to styles.css: The default fonts (in order of priority) should be Roboto, Helvetica, and sans-serif The heading "Comparison of Dealer Incentives and Loan Offers" should be 16px font using color #444444 and have centered text Define a container class whose contents is centered, has a 5 pixel margin, and defines a font size of 13px Each offer is defined in a <div> tag with the class offer. Define the offer class such that: Each offer is displayed inline-block, with a fixed width of 400 pixels, a 4 pixel margin, and centered text Each offer has a 1 pixel solid border using color #cccccc with a radius of 1 pixel Each offer uses a shadow defined as: box-shadow: 0px 2px 2px #dddddd, 0px 0px 5px #dddddd; The offer title is defined in a <div> tag with offerTitle class. Define the offerTitle class such that: The title uses 14px bold font with color #ffffff The title's background is colored #00b3b3 The title has no margin and 15…
Question what I have so far <!DOCTYPE html> <html lang="en"> <style> body{ margin: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #556271; color: white; } h1{ color: #fe6a67; text-align: center; font-weight: normal; text-transform: uppercase; border-top: 1px dotted #d4dccd; margin-top: 30px; } h2{ font-size: 1em; text-align: center; } body{ margin: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } h1{ width: 2px; border-top: 1px dotted; border-top-color: #506D84; } h2{ text-align: center; } </style> <head> <link rel="stylesheet" href="style.css"> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .first>h2, .second>h2, .third>h2 { margin-top: 10px; margin-bottom: 10px; } .image { width: 200px; }…