Web Development and Design Foundations with HTML5 (8th Edition)
8th Edition
ISBN: 9780134322759
Author: Terry Felke-Morris
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Question
Chapter 4, Problem 4HOE
Program Plan Intro
- Include the HTML tag using “<html>”.
- Include the header tag using “<head>”.
- Include the style tag using “<style>”.
- Set the internal style for “body” tag with background image “twocolor.gif” and repeating property “repeat-y”.
- Close the style tag “</style>”.
- Include the style tag using “<style>”.
- Close the head tag “</head>”.
- Include the header tag using “<head>”.
- Close the file using “</html>” tag.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solutionStudents have asked these similar questions
MAKE A SIMPLE LOGIN FRONT PAGE OF THE GIVEN IMAGE USING ONLY HTML AND CSS WRITE THE CODE.
Create a web site that will infinitely loop over at least 4 images sequentially displayed in a canvas with a controlled speed slider
Use: javascript: setInterval, clearInterval HTML : < input type="range" > , < img >, <canvas>
Write a program in html
Create a CSS style for an H3 element, where:
- colour is blue (in RGB format)
- text aligned to left
- text decoration red wavy underline
- text transformed to uppercase
Chapter 4 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
Ch. 4.1 - Prob. 1CPCh. 4.1 - Prob. 2CPCh. 4.1 - Prob. 3CPCh. 4.5 - Prob. 1CPCh. 4.5 - Prob. 2CPCh. 4.5 - Prob. 3CPCh. 4.7 - Prob. 1CPCh. 4.7 - Prob. 2CPCh. 4.7 - Prob. 3CPCh. 4 - Prob. 1MC
Ch. 4 - Prob. 2MCCh. 4 - Prob. 3MCCh. 4 - Prob. 4MCCh. 4 - Prob. 5MCCh. 4 - Prob. 6MCCh. 4 - Prob. 7MCCh. 4 - Prob. 8MCCh. 4 - Prob. 9MCCh. 4 - Prob. 10MCCh. 4 - Prob. 11FIBCh. 4 - Prob. 12FIBCh. 4 - Prob. 13FIBCh. 4 - Prob. 14FIBCh. 4 - Prob. 15FIBCh. 4 - Prob. 1AYKCh. 4 - Prob. 2AYKCh. 4 - Prob. 3AYKCh. 4 - Prob. 1HOECh. 4 - Prob. 2HOECh. 4 - Prob. 3HOECh. 4 - Prob. 4HOECh. 4 - Prob. 5HOECh. 4 - Prob. 6HOECh. 4 - Prob. 7HOECh. 4 - Prob. 8HOECh. 4 - Prob. 9HOECh. 4 - Prob. 10HOECh. 4 - Prob. 1WRCh. 4 - Prob. 2WRCh. 4 - Prob. 1FWD
Knowledge Booster
Similar questions
- Exercise 2Design a web page with a canvas with the id c2, width – 300 height 300 with solid border with Blue color. Draw a string “Hello” on the canvas at location (10,70) with the font Arial and font size 20 pixelarrow_forwardGive an example of a CSS element that will cause an image to be repeated in the background only along the Y axis.arrow_forwardthe html file is like this ---------------------------- <!DOCTYPE html> <html lang="en"> <head> <style>*{ background-color: gray;}a{ text-decoration: none; color: yellow; font-size: 20px;}a:hover{ transition: 1.1px;}input{ background-color: #fff;} .div1 { border:2pxoutsetred; background-color:lightblue; text-align:center; }.boxes{ float: left; width: 49%; border: 2px solid black; background-color: gray; color: #fff;} </style> <script> function maxLengthCheck(object) { if (object.value.length > object.maxLength) object.value = object.value.slice(0, object.maxLength) } function isNumeric (evt) { var theEvent = evt || window.event; var key = theEvent.keyCode || theEvent.which; key = String.fromCharCode (key); var regex = /[0-9]|\./; if ( !regex.test(key) ) { theEvent.returnValue = false; if(theEvent.preventDefault) theEvent.preventDefault(); } } function orderfunction(){ alert("Thank you for ordering from my…arrow_forward
- Write a Web page, displaying the following text with styles as close to the example as possible, change my hobbbies to your hobbies. Resize all elements, choose a new font sizes by yourself. Provide your source code in full in a readable format.arrow_forwardHTML and CSS: Follow exactly the second picture. 1st picture: My output (I point out where the mistake is with a red circle) 2nd picture is what the output should look like. Note: JUST USE RANDOM PICTURES FOR THE IMAGE LINKS. Fix something in my code: fishcreek.css body { background-color: #5280C5; color: #003366; font-family: Arial, Verdana, sans-serif; background-image: url(gradientblue.jpg); }#wrapper { margin-left: auto; margin-right: auto; width: 80%; background-color: #F0F0F0; min-width: 700px; }header { background-color: #000066; color: #F0F0F0; background-image: url(bigfish.gif); background-repeat: no-repeat; background-position: center; text-align:center; }h1 { line-height: 250%; text-indent: 1em; margin-bottom: 0; font-size: 3em; padding: 0.2em; text-shadow: 3px 3px 5px #CCCCCC; } nav { float: left; width: 180px; color: #f0f0f0;…arrow_forwardUse DOM2 events and javascript to add functionality to a page such that whenever an elementon the page is clicked, the text on that element is set to white, and the background is set topurple.arrow_forward
- Using HTML and CSS programming languages, create your personal web page which is composed by two pages (Curriculum Vitae and Cover letter) with the following content: The curriculum vitae: - The web page title is your name-cv (example: Abcd-CV) - The web page (body) color code is #A9F5F2 - Heads - Paragraph (the style of the text is justifying) - Two different colors of the text - Image (choose image from the web) - Ordered list - Unordered list -Hyperlink that connect you to the second page (cover letter) The cover letter: - The web page title is your name-cover letter (example: Abcd-cover letter) - Head - Paragraph (the style of the text is justifying) - Two different colors of the text - The web page (body) color code is #F5F6CE - Hyperlink that connect you to the wikipedia page of your native cityRequired to answer. Multi Line Text. please use any data or color, no problemarrow_forward<!DOCTYPE html> <!-- This is the parallax scrolling single page webste --> <html lang="en"> <head> <title>KayakDoorCounty.net</title> <meta charset="utf-8"> <style> body { font-family: Tahoma, Verdana, Arial, sans-serif; margin: 0; padding: 0; } .hero { background-image: url(beached.jpg); min-height: 100vh; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 0; } .tourshero { background-image: url(kayaks.jpg); min-height: 100vh; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .rentalshero { background-image: url(rentals.jpg); min-height: 100vh; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .contacthero { background-image:…arrow_forwardHello, I was hoping someone could go in and tell me why my responsive image doesn't work? I have the file in with all my images so it should be able to insert the image in html file.arrow_forward
- Make a copy of the web design or replicate it (see attached picture) using HTML TAGS ONLY. (DO NOT INCLUDE OTHERS LIKE CSS, ONLY HTML) Print your written code with screenshot of your program opened in a web browser. *it doesn't have to be exact with the attached picture if html can't do it, html is enough*arrow_forwardMake the exact same web design (see the attached picture) with html tags only, include all the html tags youve learned so far. Write and Print your written code with screenshot of your program opened in a web browser..arrow_forwardJavaScript The below HTML code sets up a template for a die. By cloring the dots (dot1,..., dot9)with black or white color, we show any of the 6 sides of the die. <!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <style type="text/css"> table{ border: 2px solid black; border-radius: 5px; } td{ width: 20px; height: 20px; background-color: black; border-radius: 50%; } </style></head><body> <div class="container"><div class="dice"> <table> <tr><td id="dot1"></td><td id="dot2"></td><td id="dot3"></td></tr> <tr><td id="dot4"></td><td id="dot5"></td><td id="dot6"></td></tr>…arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
- New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage Learning
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning