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
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.
i was wondering can you code the html js and css
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.
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_forwardCreate 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_forwardWrite html code to create a webpage with a table that displays a photo gallery like the webpage in three columns(photo, date, and description) <!DOCTYPE html> <html lang="en"> <head> <title>Photo Gallery</title> <link rel="stylesheet" href="styles.css"> </head> <body> <!-- TODO: Add your HTML here --> </body> </html> The index.html file uses a <link> element to import the CSS file styles.css. The CSS changes the font, adds a border around the table, and colors every other row light gray. The table should have a <caption> element that describes the photo gallery's theme. The table should have 3 columns and 5 rows: The 1st row should use <th> elements to list the Photo, Date, and Description headings. The 2nd - 4th rows should display the given vacation images in the 1st column with an alt attribute that briefly describes the photo. The 2nd column should display the date when the photo was…arrow_forward
- Task 1: HTML5 Semantic Elements Create a web page layout using HTML5 semantic elements such as: o <header> o <nav> o <section> o <article> o <footer> Structure the content in a meaningful way using these elements. For example, create a blog layout with: o A header that includes the site logo and navigation links. o A main content section that holds multiple articles.o A footer with contact information and copyright notice. Task 2: Advanced Form Validation 1. Create a form with the following input fields:o Name (required, minimum length 3)o Email (required, must follow email format)o Password (required, must have at least 8 characters) o Confirm Password (must match Password field)o Date of Birth (use HTML5 date input) 2. Apply advanced validation techniques using: o The required attribute o The pattern attribute for custom validationo The minlength, maxlength, and type attributes for validation rules. Task 3: HTML5 Anchor Element 1. Add anchor…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_forwardUsing 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_forward
- Construct 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_forwardI 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_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
- Q3. 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_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_forwardProvide 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_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