Computer Networking: A Top-Down Approach (7th Edition)
7th Edition
ISBN: 9780133594140
Author: James Kurose, Keith Ross
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Related questions
Question
Transcribed Image Text:1. Create HTML file with name nizwafort.html
2. Using internal CSS set the following:
a. Common page properties:
i. #009999 background color
ii. zero margin from all sides
iii. 2em font size
iv. Georgia font type.
b. Heading level 1
i. White text color.
ii. Black background color.
iii. Centered align.
iv. Red solid 2px border.
c. Define a class with name subhead
i. Italic text
ii. White text color
iii. Arial font type.
iv. 1.5em font size.
3. Insert the header Nizwa Fort using head level 1. (h1)
4. Insert the image in body section. (you can download any image from the Internet). Use
200px as image height and width.
5. Insert the heading General Information as heading level2(h2), then apply class subhead
to this heading.
6. Insert the paragraph starting Nizwa fort is one..
7. Insert the heading visiting hours as heading level2, then apply class subhead to this
heading.
8. Insert the paragraph starting Saturday ., then apply inline style to style the text bold
and underline
9. Save and test your file. Your result should be similar to the page below.
Expert Solution
This question has been solved!
Explore an expertly crafted, step-by-step solution for a thorough understanding of key concepts.
This is a popular solution
Trending nowThis is a popular solution!
Step by stepSolved in 2 steps with 4 images
Knowledge Booster
Similar questions
- writr a webpage using HTML5 and CSS to transition a circle to a rectangle. Container - before transition background is colourless; borderless; square shaped with 100px on each side; centered horizontally on the webpage Container - after transition background colour is set to #88ee55; border is set to size of 2px, colour of #008800 and solid; rectangular shaped with width of 100px and height of 20px; 1 px of spacing for padding on all four sides Circle - before transition background colour is set to 30% green, no red, no blue and is totally opaque; forground is colourless; borderless; diameter is 100px; the string "WEB322" is not visible in the cirle Circle - after transitioned into a rectangle foreground colour is set to #aaff22; height is set to 20px; width remains as 100px fromarrow_forwardWrite 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.arrow_forwardwhat I have so far please help with what you can Separate your style sheets into three files:/styles/colors.css/styles/formatting.css/styles/transitions-animations.css <!DOCTYPE html><html> <head> <title>Home Page</title> <link rel="stylesheet" type="text/css" href="./styles/colors1.css"> <link rel="stylesheet" type="text/css" href=""> <link rel="stylesheet" type="text/css" href=""> </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)"…arrow_forward
- Complete the following webpage assignment. Assignment Instructions: Design a webpage to simulate a Blog. The website must have a banner image and a featured image with multiple resolutions to be active at different resolution breakpoints just as discussed in this lesson. Include a jQuery script in your project to further enhance the user experience. Use one of the CDN libraries. The script is up to your discretion though you must be able to justify its use. The blog page must be aesthetically pleasing and follow a traditional blog structure. It may help to look at the many WordPress templates available on the net.arrow_forwardHello I was hoping someone could correct my coding errors. I have a CSS file that needs to be formatted to look like the first image but it currently looks like the second image. Can someone please help me with it? Thank you! CSS MAIN FILE: html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}body { line-height: normal;}ol { padding-left: 1.4em; list-style:…arrow_forwardPlease help me with this. I am having trouble understanding the below. Please illustrate the below instructiosn using the images provided below. Thank you LanguageD: HTML, CSS, JavaScript Create thumbnails of all proposed webpages and place them on one singlepaper/page. Connect all your thumbnails with arrows. All designs must haveat least one arrow pointing to them, and at least one arrow pointing fromthem. This is intended to illustrate how you will move around the website.The arrows must start from the EDGE of the ‘element’ that one clicks tonavigate from a given page and the arrows must end at the EDGE of thewebpage or sidebar or popup that opens as a result Show examples + upload image using images belowarrow_forward
- 9.Write the CSS style rule to display an image that is fixed in position and is placed at 125 pixels from the top and 140 pixels from the right of its parent window.arrow_forwardUse the given HTML documents to answer the following questions. <doctype html> <Html> <head> <title>Page Title</title> <style> .grid. Container { Display: grid; Grid-gap: 50px 100px ; Grid-template- columns: auto auto auto; Background-color: blue; Padding: 10px; } .grid-box { background-color: red; border: 1 px; padding: 20px; font-size: 30px } </style> </head> <body> <h1>book at my grid:<</h1> <div class “grid-container”> <div class “grid-box”>1</div> <div class “grid-box”>2</div> <div class “grid-box”>3</div> <div class “grid-box”>4</div> <div class “grid-box”>5</div> <div class “grid-box”>6</div> </div> </body> </html> What is the spacing of the grid row gap? 1px 30px 50px 100pxarrow_forwardwhat I have so far but it is not working I tried to add an image file to my page i have also included somthing my teacher sent but i can not make sence of it 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%);opacity:0.5;background-image: url("purpledot.png"); /*purple image*/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;letter-spacing: 0.5em;text-align: center;color:rgb(204,102,0);}dt {font-weight: bold;}strong {font-style:…arrow_forward
arrow_back_ios
arrow_forward_ios
Recommended textbooks for you
- Computer Networking: A Top-Down Approach (7th Edi...Computer EngineeringISBN:9780133594140Author:James Kurose, Keith RossPublisher:PEARSON
Computer Organization and Design MIPS Edition, Fi...Computer EngineeringISBN:9780124077263Author:David A. Patterson, John L. HennessyPublisher:Elsevier Science
Network+ Guide to Networks (MindTap Course List)Computer EngineeringISBN:9781337569330Author:Jill West, Tamara Dean, Jean AndrewsPublisher:Cengage Learning 
Concepts of Database ManagementComputer EngineeringISBN:9781337093422Author:Joy L. Starks, Philip J. Pratt, Mary Z. LastPublisher:Cengage Learning
Prelude to ProgrammingComputer EngineeringISBN:9780133750423Author:VENIT, StewartPublisher:Pearson Education
Sc Business Data Communications and Networking, T...Computer EngineeringISBN:9781119368830Author:FITZGERALDPublisher:WILEY
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