Create a webpage with two a elements and two div elements. Add in between where it isnecessary for aesthetic purposes.Add styles to the four link states for each a element. Make sure to style each state distinctively,particularly in color and background-color.Use internal style sheets.When the user clicks on the first a element, change the background color and text color of the firstdiv element.When the user clicks on the second a element, the border of the second div element becomes dottedwith 10px width and border color green.Aside from web pages and images, you can also use links to target a specific HTML tag. In your CSSthe selector for the HTML tag that you want to modify is tagName: target( ). Sample OutputAppsWiSchools OnlineHOMEROGM FILIE AppswIschools Online L HOMEROOME AppsE wiseoon Onine e HOMERCOM FSFirst Link Second LinkFirst Link Second LinkFirst Link Second LinkDiv 1 hereDiv 1 hereDiv 1 hereDiv 2 hereDiv 2 hereDiv 2 hereFigure 3. When First Link isclickedFigure 4. When Second Link isclickedFigure 2. Upon loading

<html lang="en"> <head> <meta charset="UTF-8"> <meta…

Answered: Create a webpage with two a elements…

Computer Networking: A Top-Down Approach (7th Edition)

7th Edition

ISBN:9780133594140

Author:James Kurose, Keith Ross

Publisher:James Kurose, Keith Ross

Chapter1: Computer Networks And The Internet

Section: Chapter Questions

Problem R1RQ: What is the difference between a host and an end system? List several different types of end...

See similar textbooks

Similar questions

Add a blank line after the header h1 style rule, add a comment with the text Style rules for navigation area, and then create the following style rules for the nav, nav ul, nav li, and nav li a selectors. Create a style rule for the nav selector that sets the background color to #1d396d. Create a style rule for nav ul that sets the list style type to none, sets the margin to 0, and aligns text center. Create a style rule for nav li that sets the display to an inline-block, sets a font size of 1.5em, sets a font family value of Verdana, Arial, sans-serif, and a font weight value of bold. Create a style rule for nav li a that sets the display to a block, sets a font color value of #e3eaf8, sets top and bottom padding values of 0.5em and left and right padding values of 2em, and removes the text decoration.
Open the code6-1_table.css file and create the following style rules for the indicated elements: 1. For the table element: Add a 20 pixel grooved gray border and collapse the table borders. 2. For the th and td elements: Add a 1 pixel solid gray border, set the padding space to 5 pixels, and align the cell content with the top-left corner of the cell. 3. For the caption element, set the display the caption at the top-left of the table and set the font size of the caption text to 1.5em. 4. For col element with the id first Col, change the background color to yellow and set the column width to 150 pixels. 5. For col element with the id hourCols, set the column width to 75 pixels. 6. Change the background color of the thead element to aqua.
9. For paragraphs that are direct children of the body element, create a style rule that sets the font size to 1.1 em and horizontally centers the paragraph text.
HTML True or False One way to introduce an image and place it in a block element container is to embed it inside its own div element , then place that new div element inside the container using internal padding and internal margins.(True or false)? .central li and .central ul are both overriden (in a common selector property such as color) by both div.central li and div ul.(True or false)? Paragraphs in a vertical block structure inside a div element can be flush mounted against each other ( no separation space between them) by employing padding but not by eliminating the margin in-between them (setting margin:0px;). (True or false)? In the table element, the col or colgroup designation with class name can be used to control and override background colors but not text color.(True or false)? Given the following html, what would be the correct css to make the ul element red text . (True or false)?…
Create home, menu, and contact us pages. The three pages should have the same header and footer. The header contains text or image as a logo, navigation bar and if you want to have a background image please choose it to look good. The footer should have a copyright statement. The home page contains images, carousel (no JavaScript) and some description about the restaurant. The menu page should contain images of the meals. The contact us page contains the restaurant contact information and a contact form (I expect from you a nice and professional form). Feel free to add your creativity. CSS: Don’t forget to do the reset CSS. Proposed methodologies: Using HTML & CSS. Links for you: https://unsplash.com/ https://www.freepik.com/ https://www.pinterest.com/ https://www.lipsum.com/ https://fonts.google.com/ https://www.w3schools.com/colors/colors_picker.asp https://css-tricks.com/ https://coolors.co/
Add a blank line after the main content style rules, add a comment with the text Style rules for class and id selectors and then create the style rules for the .link, .action, and #contact selectors: Create a style rule for the class selector link that sets the font color to #4d3319, removes the text decoration, sets the font weight value to bold, and sets the font style value to italic. Create a style rule for the class selector action that sets the font size to 1.75em, sets the font weight value to bold, and aligns text center. Create a style rule for the id selector contact that aligns text center. In the about.html file, within the #info div element, complete the following: Add a class attribute with the value of link to the anchor element with the text "National Wildlife Rehabilitators Association.". Remove the height and width attributes from the tortoise image (img) element. Add a class attribute with the value of action to the paragraph element where the text is "Did you…
4. Code a style rule for the main element that puts padding around its contents. Then, code a style rule for the footer that puts a blue border above it. Note that this border doesn’t touch the border for the body. 5. Code style rules for the h1, h2, and h3 elements. The h1 font should be 150% of the default specified in the body, the h2 font should be 125% of the default font, and the h3 font should be 115% of the default font. The h1 font should also be blue. Then, apply appropriate margins or padding to the h1, h2, and h3 elements so the spacing before and after the headings is similar to what’s shown above.6. Code the style rules for the <p>, blockquote, ul, and li elements so the spacing before and after the elements is similar to what’s shown above.7. Code a style rule for the cite element that changes its color to blue and removes the italics from the text.8. Code a style rule for the paragraphs that contain cite elements. This style rule should right align the paragraphs…
In the mobile style rules section, below the style rule for footer a, create a new style rule for images within the social class that sets the display to an inline block and sets the padding to 4%. Not right how I do it. see below:
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…
1a.Provide a style that changes the font size over a 2-second interval and the font color over a 3-second interval. 1b.Provide code to change the background color of a hypertext link from yellow to blue over a 3-second interval in response to the hover event.
Open index.html in your browser to view the file. Add the text, CH 5 Extend Your Knowledge, to the title element. Open the styles.css file and locate the "sticky” comment and create a style rule for the sticky class selector with the following rules: Add a declaration for the position property with a value of -webkit-sticky. Add a declaration for the position property with a value of sticky. Add a declaration for the top property and specify a 0 value. Refresh your page, and scroll down to view the changes. In the index.html file, use the empty paragraph element within the sticky div element to briefly explain how to use the sticky position. In the styles.css file, locate the “relative” comment and create a style rule for the relative class selector with the following declarations: Add a declaration for the position property with a value of relative. Add another declaration for the top property and specify a value of 90px. Add another declaration for the left property…
To display an element as a block-level use: display: block-level; display: block; display: inline; display: display-block; What are three types of layouts? inline, fluid, static fixed, floating, static fixed, fluid, elastic inline, block, scrolling Provide a style rule to set the maximum width of an element to 960 pixels. maximum-width: 960px; maxw: 960px; width: 960px; max-width: 960px; Provide a style rule to horizontally center a block element within its container with a top/bottom margin of 20 pixels. margin: 20px center; margin: center 20px; margin: auto 20px; margin: 20px auto; Provide a style rule to place an object on the right margin of its container. margin: right; text-align: right; float: right; padding: right; Provide a style rule to display an object only when all floating elements have cleared. clear: float; clear: floats; clear: both; clear: all; Your layout has four floated elements in…

SEE MORE QUESTIONS

Recommended textbooks for you

Computer Networking: A Top-Down Approach (7th Edi…

Computer Engineering

ISBN:

9780133594140

Author:

James Kurose, Keith Ross

Publisher:

PEARSON

Computer Organization and Design MIPS Edition, Fi…

Computer Engineering

ISBN:

9780124077263

Author:

David A. Patterson, John L. Hennessy

Publisher:

Elsevier Science

Network+ Guide to Networks (MindTap Course List)

Computer Engineering

ISBN:

9781337569330

Author:

Jill West, Tamara Dean, Jean Andrews

Publisher:

Cengage Learning

Computer Networking: A Top-Down Approach (7th Edi…

Computer Engineering

ISBN:

9780133594140

Author:

James Kurose, Keith Ross

Publisher:

PEARSON

Computer Organization and Design MIPS Edition, Fi…

Computer Engineering

ISBN:

9780124077263

Author:

David A. Patterson, John L. Hennessy

Publisher:

Elsevier Science

Network+ Guide to Networks (MindTap Course List)

Computer Engineering

ISBN:

9781337569330

Author:

Jill West, Tamara Dean, Jean Andrews

Publisher:

Cengage Learning

Concepts of Database Management

Computer Engineering

ISBN:

9781337093422

Author:

Joy L. Starks, Philip J. Pratt, Mary Z. Last

Publisher:

Cengage Learning

Prelude to Programming

Computer Engineering

ISBN:

9780133750423

Author:

VENIT, Stewart

Publisher:

Pearson Education

Sc Business Data Communications and Networking, T…

Computer Engineering

ISBN:

9781119368830

Author:

FITZGERALD

Publisher:

WILEY

SEE MORE TEXTBOOKS