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 7, Problem 1AYK
Explanation of Solution
Predict the result:
Given Code:
<!--HTML Tag-->
<html lang="en">
<!--Head Tag-->
<head>
<!--Title Tag-->
<title>Predict the Result</title>
<meta charset="utf-8">
<!--style Tag -->
<!--Internal CSS-->
<style>
<!--Alignment for body tag -->
body { background-color: #eaeaea;
color: #000;
font-family: Verdana, Arial, sans-serif; }
<!--Alignment for wrapper tag-->
#wrapper { width: 80%;
margin: auto;
overflow: auto;
min-width: 960px;
background-color: #d5edb3;}
<!--Alignment for navigation buttons -->
nav { float: left;
width: 150px; }
<!--css applied to main -->
main { margin-left: 160px;
margin-right: 160px;
background-color: #ffffff;
padding: 10px; }
aside { float: right;
width: 150px;
color: #000000; }
</style>
<!--end of internal style sheet-->
<!--close tag -->
</head>
<!-- body of the program -->
<body>
<!-- division tag -->
<div id="wrapper">
<header role="banner">
<h1>Trillium Media Design</h1>
</header>
<!-- close tag -->
<!--navigation button-->
<nav role="navigation">
<!-- arrange in unordered lists -->
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="products.html">Products</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="clients...
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solution
Students have asked these similar questions
Activity 2: HTML Color Table
This Activity's objective is to write the HTML code to display the following table. Feel
free to add more colors.
Den
n
Colour
Show Transcribed Text
1
2
3
4
5
6
7
8
9
10
11
12
13
Salmor
Name
Gold
Some HTML Colors
hexidecimal
Color Table
table, th, td {
border: 1px solid black; }
FA8072
FFD700
RGB value
250-128-114
255-215-0
Transcribed Image Text
Write an HTML program to design the following table in your web page
6- HTML Code fragment like in figure
And CSS code for the HTML like follows (imagine HTML is linked with CSS)
body {
background-color: #A1B2B2 ;
table {
background-color: #455afa ;
margin-left:auto;
margin-right: auto;
padding: 25px;
margin-top: 3opx;
margin-bottom: 30px;
divi {
background-color: #414141;
Which color will be padding area of the table? Why?
Which color will be margin-top and margin-bottom area of the table? Why?
AdiSoyadiTckNuTelnu
alikavlı123487687
veliball123452342
Chapter 7 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
Ch. 7.2 - Prob. 1CPCh. 7.2 - Prob. 2CPCh. 7.2 - Prob. 3CPCh. 7.10 - Prob. 1CPCh. 7.10 - Prob. 2CPCh. 7.10 - Prob. 3CPCh. 7 - Prob. 1MCCh. 7 - Prob. 2MCCh. 7 - Prob. 3MCCh. 7 - Prob. 4MC
Ch. 7 - Prob. 5MCCh. 7 - Prob. 6MCCh. 7 - Prob. 7MCCh. 7 - Prob. 8MCCh. 7 - Prob. 9MCCh. 7 - Prob. 10MCCh. 7 - Prob. 11FIBCh. 7 - Prob. 12FIBCh. 7 - Prob. 13FIBCh. 7 - Prob. 14FIBCh. 7 - Prob. 15FIBCh. 7 - Prob. 1AYKCh. 7 - Prob. 2AYKCh. 7 - Prob. 3AYKCh. 7 - Prob. 1HOECh. 7 - Prob. 2HOECh. 7 - Prob. 3HOECh. 7 - Prob. 4HOECh. 7 - Prob. 5HOECh. 7 - Prob. 6HOECh. 7 - Prob. 7HOECh. 7 - Prob. 8HOECh. 7 - Prob. 9HOECh. 7 - Prob. 10HOECh. 7 - Prob. 11HOECh. 7 - Prob. 1WRCh. 7 - Prob. 1FWD
Knowledge Booster
Similar questions
- Design HTML Form in javascriptApply the data validation :1. Mobile number field data must be a numeric data and not less than 8 digits,2. The email field must accept the data which must contain the character '@' and dot (.). Andthe character @ must not be the first character and the last dot must at least be onecharacter after the @.On submitting the form, If all these validations are followed, another Html page.arrow_forwardWrite a text code in html and CSS for webpage. A code should contain colorful features and also features like About Us, Home , FAQ, Gallery, Contact Us, Help etc.arrow_forwardCreate a table in HTML that conforms to your class schedule. Different class times should be shown as column headings in the columns, and various days of the week should be listed as row headers in the rows. The subject and teacher's name should be shown in the table data. Use a suitable caption for the table because it will be visible at the top.arrow_forward
- Web developmentarrow_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_forwardCreate a table in HTML to display the class schedule. The days of the week should be used as row headings, and the class hours should be used as column headers. The table has to include the subject matter and the teacher. Table headings should be shown at the top.arrow_forward
- I am having some issues completing this assignment. Any help would be greatly appreciated. Thank You! HTML: <!DOCTYPE html> <html lang="en"> <head><meta charset="utf-8"><title>Shape Up!</title><link rel="stylesheet" href="main.css"></head> <body><div class="container"><header><div class="headerImg"><img src="images/shape_up_logo.png" height="105" width="140"/> </div><div class="headerTxt"><h2>Shape Up!</h2><h3>Find the best fit for you</h3></div></header> <main><div class="sidebar"><aside><h2>Additional Resources</h2><ul><li><a href="diet/index.html">Physical activity and health</a></li> <li><a href="diet/index.html">Stretching exercises</a></li> <li><a href="diet/index.html">Strength training</a></li> <li><a href="diet/index.html">…arrow_forwardWeb Programming : HTML, CSSarrow_forwardYou are required to design HTML page based on the following descriptions: Insert Heading in the top of your web page with the following requirement Heading: “SWEET SHOP” Size of the heading = “1” Font style= “Online book shops” Insert an image after the heading, and follow the given requirements: NOTE: You can access to the Internet and find image related to the topic. Change the Width of the image to be = “600” and the Height to be = “400” Add an alternative text that identifies the image in your web page. The alternative text should be: “Candy Shop” Add label to the image. “SWEET SHOP, 2015” Change the alignment of the image to be on the “Center” Set border to the image, the thickness of the border should be “20” Add background to you web page. The background should be image. NOTE: You can access to the internet and find an image related to the topic and fit purpose. Insert 3 links base on the following requirements: First: Add…arrow_forward
- HTML PROJECTarrow_forwardCreate a table in HTML to display the class schedule. It is recommended to utilise the days of the week as the row labels and the class hours as the column labels. The table has to include the subject matter and the teacher. Table headings should be shown at the top.arrow_forwardIn html and CSS Create a mouseOver event function, that will change the colour of an HTML item (ie. a button or a list item) to green, then to black after 5 secondsarrow_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
Np Ms Office 365/Excel 2016 I NtermedComputer ScienceISBN:9781337508841Author:CareyPublisher:CengageCOMPREHENSIVE MICROSOFT OFFICE 365 EXCEComputer ScienceISBN:9780357392676Author:FREUND, StevenPublisher:CENGAGE L
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:9781337508841
Author:Carey
Publisher:Cengage
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L