Write full HTML code to create the following heading and unordered list with required syntax. • Create h2 element for header • Create the unordered list • Add internal CSS to style the header h2 with background-color as rgb(20,220,20) and border- radius as 15px. • Add internal CSS to style unordered list bullet as an image -choose any image name - University of Techonolgy and Applied Sciences Nizwa Sur Suhar Ibri

Write full HTML code to create the following heading and unordered list with required syntax. • Create h2 element for header • Create the unordered list • Add internal CSS to style the header h2 with background-color as rgb(20,220,20) and border- radius as 15px. • Add internal CSS to style unordered list bullet as an image -choose any image name - University of Techonolgy and Applied Sciences Nizwa Sur Suhar Ibri

New Perspectives on HTML5, CSS3, and JavaScript

6th Edition

ISBN:9781305503922

Author:Patrick M. Carey

Publisher:Patrick M. Carey

Chapter4: Graphic Design With Css: Creating A Graphic Design For A Genealogy website

Section: Chapter Questions

Problem 2CP1

See similar textbooks

Similar questions

Write full HTML code to create the following table with required syntax. Use the correct HTML elements for each part of the table Add internal CSS to style the table head as “lightblue” color with 50px height Add internal CSS to style the all table border as solid 2px with color #666666
web development: Write full HTML code to create the following heading and unordered list with required syntax. Create h2 element for header Create the unordered list Add internal CSS to style the header h2 with background-color as rgb(20,220,20) and border-radius as 15px. Add internal CSS to style unordered list bullet as an image –choose any image name
Open the index.html file and update the comment with your name (firstname lastname), the file name, and the current date (MM/DD/YYYY). Add the text, CH 2 Extend Your Knowledge, to the title element. Locate all div elements and change them to one of the 5 appropriate HTML semantic element. Update the paragraph element on Line 15 to use an h1 element. In the main content area, wrap all paragraph elements within one article element and change the first paragraph element to an h2. For each paragraph element within the article element, add a black small square (▪) to the beginning of each sentence. In the navigation section, add a nonbreaking space, then a black circle ● (●), and then another nonbreaking space after the word Perceivable. Do the same for Operable and Understandable. <!DOCTYPE html><html lang="en"><head><title>CH 2 Extend Your Knowledge</title><meta…
Add embedded CSS code to this html file so that the display changes as the following picture : <html><head><title>Centered Fixed 3-Column Layout</title> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <style> </style> </head><body><div id="wrapper"> <header><h1>Using CSS for Page Layouts</h1></header><nav><h2>Learn More</h2><p><a href="url">Topics</a></p><p><a href="url">Authors</a></p><p><a href="url">Videos</a></p><p><a href="url">Gallery</a></p><p><a href="url">Explore</a></p></nav> <article><h2 class="title">Article Title</h2><p class="copy">Video provides a powerful way to help you prove your point. When you click Online Video, you can paste in the embed code for the video you want to add. You can also type a…
Open code5-3_print.css file and set the printed page size to 8.5 by 11 inches with a 1-inch margin. Use the after pseudo-element to display printed hypertext link in the following format: link [ url ] and add the following styles to the after pseudo-element: Display the url text as an inline block. Set the left margin of the url text to 20pixels. Set the value of the word-wrap property to break-word.
Write the whole HTML page from the DOCTYPE declaration to the closing HTML tag and include: a table that includes the same content as in the image below. Note that the heading is a part of the table, so that screen readers will know that the heading is associated with the table. Add internal/embedded CSS (and extra HTML if you need to) so that your page looks like the image below. DON'T include more CSS than you need to. Tip: You will need to use pseudo-classes: https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes#tree-structural_pseudo-classes
Add embedded CSS code to this html file so that the display changes as following picture <!DOCTYPE html><html><head><title>Centered Fixed 3-Column Layout</title><meta content="text/html; charset=utf-8" http-equiv="Content-Type"><style></style></head><body><div id="wrapper"><header><h1>Using CSS for Page Layouts</h1></header><nav><h2>Learn More</h2><p><a href="url">Topics</a></p><p><a href="url">Authors</a></p><p><a href="url">Videos</a></p><p><a href="url">Gallery</a></p><p><a href="url">Explore</a></p></nav><article><h2 class="title">Article Title</h2><p class="copy">Video provides a powerful way to help you prove your point. When you click Online Video,you can paste in the embed code for the video you want to add.You can also…
i need this assignment solved. below is index.html and styles.css In the index.html file, add a class attribute with a value of btn to paragraph elements two, three, and four within the main element. In the styles.css file, below the main p style rule, add a new style rule for the btn class that specifies a background-color value of #375f1b, padding value of 2%, top and bottom margin values of 2% and left and right margin values of auto, width value of 80%, text alignment of center, and a border radius of 5px Below the btn style rule, add a new style rule for anchor elements within the btn class that specifies a color value of #ebf7e3, removes the underline, sets a font size of 1.25em, and displays the content as a block. In the index.html file, add a class attribute with a value of corner to the image element. In the styles.css file, below the btn a style rule, add a new style rule for the corner class selector that specifies a border-radius of 12px. index.html…