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
Expert Solution & Answer
Chapter 2, Problem 2AYK
Explanation of Solution
Program:
<!--HTML Tag-->
<html lang="en">
<!--Head Tag-->
<head>
<!--Title Tag-->
<title>
Door County Wildflowers
<!--Close Tag-->
</title>
<meta charset="utf-8">
<!--Close Tag-->
</head>
<!--Body Tag-->
<body>
<!--Alignment for Header-->
<header> <h2> Door County Wild Flowers </h2> </header>
<!--Main Tag-->
<main>
<!--Alignment for Description List-->
<dl>
<!--Alignment for Defining Terms-->
<dt>
Trillium
<!--Close Tag-->
</dt>
<!--Alignment for Ordered List-->
<li>
<!--Alignment for Defining Description List-->
<dd>
This white flower blooms from April through June in wooded areas...
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solution
Students have asked these similar questions
Dream Car Web Page Form: You need to create a web site in HTML format.
You will create a webpage containing a form that provides users the ability to enter information. Your webpage should contain the following:INPUT tag: type, name, id, placeholder, and value.
The web page will have input fields for the following information:
First Name
Last Name
Date
Address
Favorite Car (text area)
Your webpage should be designed in a logical manner and be well organized.
Please be sure to submit your .html file as a text document for grading. Also, submit a Word document containing a screenshot that shows the set-up of your webpage.
Part 4:
Build a html form with the following elements. The form must be within a table structure.
Name: a text box where the content contains no special character (i.e. !, @, #, $, %, &, *).
Number is allowed. The text box must not be empty.
• Module code: a text box where the content must start with 3 lower case alphabets and
follows by 4 digits. This textbox can be empty.
• Current date: a non-editable textbox and should be in the format as shown (e.g. 12 October
2020 Monday 3:35 PM). The content is the current date or today's date which will change
every day.
• Message: a text area with 3 rows and 20 columns. The default text is "Hello 202204". The
text area cannot be empty.
• Find: a text box for the user to key in text he/she wants to find.
Replace: a text box for the user to key in the replacement text. If the find text is empty, this
element should be disable (i.e. user cannot key in anything here).
• Find and Replace: This is a button, when click, it will go to the "Message"…
Computer Science
Write a webpage that creates a game of dice using only HTML and JavaScript.
The code should make use of the HTML <canvas> element.
The webpage should inform the user of the rules of the game.
Chapter 2 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
Ch. 2.6 - Prob. 1CPCh. 2.6 - Prob. 2CPCh. 2.6 - Prob. 3CPCh. 2.14 - Prob. 1CPCh. 2.14 - Prob. 2CPCh. 2.14 - Prob. 3CPCh. 2.17 - Prob. 1CPCh. 2.17 - Prob. 2CPCh. 2.17 - Prob. 3CPCh. 2 - Prob. 1MC
Ch. 2 - Prob. 2MCCh. 2 - Prob. 3MCCh. 2 - Prob. 4MCCh. 2 - Prob. 5MCCh. 2 - Prob. 6MCCh. 2 - Prob. 7MCCh. 2 - Prob. 8MCCh. 2 - Prob. 9MCCh. 2 - Prob. 10MCCh. 2 - Prob. 11FIBCh. 2 - ___________ can be used to display characters such...Ch. 2 - Prob. 13FIBCh. 2 - Prob. 14FIBCh. 2 - Prob. 15FIBCh. 2 - Prob. 16SACh. 2 - Prob. 1AYKCh. 2 - Prob. 2AYKCh. 2 - Prob. 3AYKCh. 2 - Prob. 1HOECh. 2 - Prob. 2HOECh. 2 - Prob. 3HOECh. 2 - Prob. 4HOECh. 2 - Prob. 5HOECh. 2 - Prob. 6HOECh. 2 - Prob. 7HOECh. 2 - Prob. 8HOECh. 2 - Prob. 9HOECh. 2 - Prob. 10HOECh. 2 - Prob. 1FWD
Knowledge Booster
Similar questions
- Draught the markup for a table in HTML that represents the schedule for your next class. The various class times should be listed as column headings in the columns, and the different days of the week should be included as row headers in the rows. The data in the table needs to show both the topic and the name of the instructor. Make sure the table has a suitable caption, which will be shown at the very top of the table.arrow_forward<!DOCTYPE html><html lang="en"> below is box-styles.css <style> @import url('https://fonts.googleapis.com/css2?family=Rubik+Mono+One&display=swap'); body { font-size: 62.5%; margin: 0;} h1 {font-size:4em;text-align: center;font-family: 'Rubik Mono One', sans-serif;} h3 {font-size: 2em;} p {font-size: 1.5em;} h3, p { margin:0; } .title-padding { padding: 5% 10%; } .body-padding { padding-left: inherit; padding-right: inherit; padding-top: 7%; } .light-shadow { box-shadow: transparent; } .max-width { max-width: 50em;} /* .full-width { } */ .center-element { margin-top:8em; margin-left:inherit; margin-right: inherit; text-align: center; } .round-borders { border:1px solid black; border-radius: 0.25em; font-size: 2em; } .bb { box-sizing: content-box; width:100%; padding: inherit; margin: inherit; } .cb { box-sizing: content-box; } </style>above is the box-styles.css <head> <meta…arrow_forwardQ2 Design a web page (name it q2.html), which uses Bootstrap framework, to display the following sentence: Web Development for Mobile Devices. The sentence should appear as heading1 (i.e., hl) with font size 60 points and red border of 8px thickness if the page to be displayed on PC screen. If the page is displayed on a tablet screen, the sentence should appear as heading 3 with font size 30 points and blue border of 5px thickness. Finally, if the page displayed on mobile screens, then the sentence must not be displayed, and replaced with the sentence (Too small screen!) in "red" text color: Q3 Analysis, and Comments. The tab-page of Result tab must include three cards of three different must appear horizontally in one line for small and larger screens, and vertically for mobile screens. items (of your own selection). The card includes Title, Picture, and Price (in JD) of that item. The cards The tab-page of Analysis tab includes a table of three columns (with titles of your own…arrow_forward
- Draught the markup for a table in HTML that represents the schedule for your next class. The various class times should be listed as column headings in the columns, and the different days of the week should be included as row headers in the rows. The data in the table need to show both the topic and the name of the instructor. Make sure the table has a suitable caption, which will be shown at the very top of the table.arrow_forwardlanguage: HTML Create a responsive webpage for food items. there are three requirements 1: when the user hovers over the item name ('item 1') the details of the item should be displayed. the text should return back to the original (aka from the food description to the food name ) after the mouse pointer moves away 2. When the user clicks 'add to cart' for an item, the 'cart total' is updated, and the button to add the item to the cart is disabled so that it cannot be added twice. 3. the user can input an amount into the 'confirm purchase' section and click the button. If the amount is less than the 'cart total', the following alert should be shown: "payment amount is less than cart total" otherwise: "payment complete"arrow_forwardHTML/CSS JAVASCRIPT please help me answer this question I will give you a good rating Thank you! Given the following html dynamic application What is the output when the button is clicked ?( describe the visual effect when the button is clicked) Modify the output from the original web page, so that the html will create and place a new red div as illustrated inside the existing grey div and then transfers the paragraph inner content at run-time ( inside the javascript function ) from the paragraph inside the grey div into the red div as illustrated. DO NOT DO this by placing the paragraph content inside the div within the static HTML page, use the document object model to access elements from the paragraph and transfer content into the div element as illustrated <! DOCTYPE html> <html> <head> <title> First Illustration</title> <link rel="stylesheet" type="text/css" href="first_ill_RRR.css"> <script src="project_6p.js"…arrow_forward
- Write the javascript and PHP code that follows the html code below for the creation of the page productStatus.php.productStatus.php<body>Produkt ID:<input type="text" id="idp"/><div id="status"></div></body>On change of the value of the text field "idp", display on the div id ="status" the product amount found in the storage(UnitsInStock) for the given product id. The product data is stored on the table Products(ProductID, ProductName, UnitsInStock). The credentials to access the database are: servername-localhost, username-admSys, password-admin123$.arrow_forwardQuestion: Tumbling Dice Program - PHP/HTML/CSS Question: Roll two dice 1,000 times. Create a program that simulates the rolling of dice 500 times. Record the result of each roll that equals 7 (e.g. 1+6=7, 2+5=7, 3+4=7) and display totals for the total number of rolls that equal 7. This needs to have an html page, php page, and css page The result, after executing the program, should look similar to: "The number of sevens (7) that occured in 500 dice rolls was: 165"arrow_forwardTrue or False The CSS property “margin” defines the space outside the element’s border. Inline style placed inside an html element’s tag takes precedence over an external stylesheet Multiple html elements can share and be styled with the same ID. A single external CSS stylesheet can be used to style multiple HTML documents. The <ul> element is used to create an automatically numbered list. Setting a hyperlink’s target attribute to “_blank” opens the referenced URL in a new tab.arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
COMPREHENSIVE MICROSOFT OFFICE 365 EXCEComputer ScienceISBN:9780357392676Author:FREUND, StevenPublisher:CENGAGE L
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L