Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
9th Edition
ISBN: 9780134801148
Author: Terry Felke-Morris
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Expert Solution & Answer
Chapter 2, Problem 1AYK
Explanation of Solution
Given Code:
<!--HTML Tag-->
<html lang="en">
<!--Head Tag-->
<head>
<!--Title Tag-->
<title>Predict the Result</title>
<meta charset="utf-8">
<!--Close Tag-->
</head>
<!--Alignment for Body Tag-->
<body>
<!--Alignment for Header Tag-->
<header><h1><i>Favorite Sites</i></h1></header>
<!--Alignment for Main Tag-->
<main>
<!--Alignment for Ordered List Tag-->
<ol>
<li><a href="http://facebook...
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solution
Students have asked these similar questions
1) write html code to create html page contains 3 rows of frames while the first frame
is the called top with 10% size and the second frame is called main with 80% size and
final frame is called bottom with 10 % size.
Create a HTML with CSS that will contain the following contents:
Information of the Company as a whole
Who We Are
Contacts
Partnership with School ComelecEnsure that the styling of CSS is visually appealing to the audience.
HTML/CSS JAVASCRIPT please help me answer this question I will give you a good rating Thank you!
TRUE OR FALSE
this.innerHTML when employed for accessing an HTML element must be preceded by a getElementById statement which accesses the same element?
Chapter 2 Solutions
Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
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. 3MC
Ch. 2 - Prob. 2MCCh. 2 - Prob. 1MCCh. 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
- Write 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_forwardConstruct an HTML table representing your class timetable. Class times should be included in the column headers, and the days of the week in the row headers. The table has to provide both the course material and the teacher. A caption describing the table's contents should be placed above it.arrow_forwardDebug the HTML program for a website that will show an output of text with a template for meeting minutes. The text should include all of the necessary markdown options such as Titles and Bullet Points for the template. After seeing the outputted text, you should be able to click the copy button below the text which will copy all of the text to your clipboard which can be pasted in a word document. Right now, the code will output the correct Meeting Minutes Template, but the copy button does not work. Please make it so the copy button works. <style> /* Add CSS styles for the template */ .template { font-family: Arial, sans-serif; font-size: 14px; line-height: 1.5; } .template h1 { font-size: 18px; margin: 0 0 10px 0; } .template p { margin: 0 0 10px 0; } .template ul { list-style-type: disc; margin: 0 0 10px 20px; } .template li { margin-bottom: 5px; } /* Add styles for the "Copy" button */ .copy-button { background-color:…arrow_forward
- Create a HTML sign up page that has all the fields (First name, Last Name, Address, city, zip, credit card number, cvv, email) with CSS formatting page as wellarrow_forwardCreate a media query in CSS, which applies the following style to the body of a HTML document, only when the width of the screen exceeds 500px. {background-color:red;}arrow_forwardQ3. Predict the Result.Draw and write a brief description of the web page that will be created with the followingHTML code:<!DOCTYPE html><html lang="en"><head><title>Predict the Result</title><meta charset="utf-8"></head><body><h1>Contact Us</h1><form action="myscript.php"><fieldset><legend>Complete the form and a consultant will contactyou.</legend>E-mail: <input type="text" name="email" id="email" size="40"><br>Please indicate which services you are interested in:< br><select name="inquiry" id="inquiry" size="1"><option value="development">Web Development</option><option value="redesign">Web Redesign</option><option value="maintain">Web Maintenance</option><option value="info">General Information</option></select><br><input type="submit"></fieldset></form><nav><a…arrow_forward
- Using Document Object Model (DOM): Modify “src” attribute in the following HTML code, photo1.jpg to photo2.jpg: <img src="photo1.jpg" alt="photo" id="img"/> Modify the content of the following HTML code, Hello SEU to Hello KSA: <h1 id ="h">Hello SEU</h1>arrow_forwardCreate an HTML document called assignment1.html that implements a webpage that dynamically creates (using JavaScript code) a 10X10 HTML table and displays in each cell the value of row times the column to create a multiplication table. Allow the user to select the number of rows and columns to redraw a new table. Use material you studied in class, powerpoint, book, etc... Follow these guidelines to implement your assignment: 1. Create assignment1.html file 2. Create a JavaScript file called assignment1.js and write the code for a function that draws the table. 3. Load the assignment1.js file at the end of the body in assignment1.html. 4. Invoke the function when the visitor opens the assignment1.html page in browser. Use window onload event. 5. (10% of the grade) Accept user input for the number of rows and columns in the table. 6. (10% of the grade) Use good web design practices to enhance your html pagearrow_forwardHTML Use repl.it to build a web page that contains a table that displays some set of data. For this exam, you may use your previous labs as a starting point, however, you must fork the repl (see instructions in previous lab) so that it does not alter your lab submission. You can choose the topic of the webpage and how you want to portray the table data. You must use the <table> element in HTML for your tabulated data. While you can choose any kind of table you choose, there are a few requirements: You must have at least 5 columns and 5 rows. You must have a header row THE BELOW IS JUST AN EXAMPLE - NOTHING IS REQUIRED EXCEPT THE TABLE If you are having difficulty coming up with an idea or just don’t feel like being creative, below is an example that you may use for your Exam: Create a table of assignments for the semester. You have the following data: Labs Lab 1, Lab 2, Lab 3, etc. Professional Accountability Exercises Reviews Exams Exam I, Exam II, and this exam…arrow_forward
- Provide html and css seperately <!DOCTYPE html> <html lang="en"> <style> body{ margin: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #556271; color: white; } h1{ color: #fe6a67; text-align: center; font-weight: normal; text-transform: uppercase; border-top: 1px dotted #d4dccd; margin-top: 30px; } h2{ font-size: 1em; text-align: center; } body{ margin: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } h1{ width: 2px; border-top: 1px dotted; border-top-color: #506D84; } h2{ text-align: center; } </style> <head> <link rel="stylesheet" href="style.css"> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .first>h2, .second>h2, .third>h2 { margin-top: 10px; margin-bottom: 10px; } .image { width: 200px; }…arrow_forwardApply Boostrap to this code Source Code in HTML: <html><head><link rel="stylesheet" href="mystyle.css"></head><body><table align="center" bgcolor="skyblue"><form><tr><td colspan="2"><h1>Employee Registration Form</h1></td></tr><tr><td>Name:</td><td><input type="text" name="firstname" placeholder="firstname" size="15"/><input type="text" name="lastname" placeholder="lastname"size="15"/><br><br></td></tr><tr><td> Email Address:</td><td><input type="text" name="emailaddress" placeholder="myname@example.com" size="36"/><br><br></td></tr><tr><td> Contact Number:</td><td><input type="text" name="contact" size="36"/><br><br></td></tr><tr><td>Address:</td><td><input type="text" placeholder="Street Address"…arrow_forwardI want to create an HTML page with a JavaScript file that utilizes jQuery for 3 different events, for 3 different effectsarrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
Np Ms Office 365/Excel 2016 I NtermedComputer ScienceISBN:9781337508841Author:CareyPublisher:Cengage
New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage Learning
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:9781337508841
Author:Carey
Publisher:Cengage
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning