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
Concept explainers
Question
Chapter 4, Problem 6HOE
Program Plan Intro
Things noted in a website:
The followings things are visited in the website “barnesandnoble.com”:
Attributes | Things used in the website |
Visited website | https://www.barnesandnoble.com/ |
Background | The color of “white” is used in this website. |
Text | The font family of “Poynter”, “Georgia”, and “Serif” used in the web site. |
Headings | The heading tag “<h2>” used in the web site headings. The “<h3>” used for menu designing. |
Images | The image link used in the website. |
Program Plan:
- Include the HTML tag using “<html>”.
- Include the header tag using “<head>”.
- Include the style tag using “<style>”.
- Set the internal style for a tag “body” with background color as “white”.
- Set the internal style for heading tag, assign the color code for “dark green” and align the text as left.
- Close the style tag “</style>”.
- Include the style tag using “<style>”.
- Close the head tag “</head>”.
- Include the body tag using “<body>”.
- Set the heading tag for their heading using “<h2>”.
- Create the image link using “<a>” and “<img>” with reference of the link and close the tags.
- Close the body tag “</body>”.
- 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
web development:
Create a full HTML page according to the following requirements:
Set the web page background color to rgb(150,150,250).
Add background image to the page; you can download image.
Do not repeat the background image.
Set the background image position to top right.
Insert the largest heading with the text "Fun Park”. Set the heading background color to white.
Add opacity value 0.6 to the heading.
Different method for finding HTML element
Both A and C
All of these
document.getElementByld(id)
document. getElementsByTag(tag)
document. getElementsByClassName(name)
You 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…
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
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.Similar questions
- Please use html and css: one of the links in your menu will take to another .html page where you will have some images in it. You will have one big image frame, and some small images placed underneath the big frame. Every half second, the image on the big frame will change based on the small images you list down belowarrow_forwardDifferent method for finding HTML element document. getElementsBy Tag(tag) document. getElementsByClassName(name) O Both A and C All of these document.getElementByld(id)arrow_forwardQ2: no hand writing: Create Form.html according to the following figure. Fill in the form and add a screenshot to your answer. Notes: You must to copy and paste the “HTML script” as your answer for this question. DON’T take screen shot for your HTML script. It must be editable script. Take a screen shot for your filled form and paste it as a part of your answer. The password should be obscured so that it cannot be read. The email field should be automatically validated to ensure it is a properly formatted e-mail address. The level should accept only a number between 3 and 8 The submit button submits the form to Ex1.phparrow_forward
- A form is created with HTML tags, not JavaScript code, in the <body> section of the HTML file with the <form> tag. True Falsearrow_forwardMake a web page to show your School transcript. Your transcript should include: A picture of “School” logo (attached). A table of at least two semesters of the courses you take and the grades you got (you can make up the grades). Use banded rows for the courses. The courses are separated by semester. Calculate the average score for each semester. Calculate the average score for all courses taken at the bottom row. Background color for Overall Average row: #003300 Background color for semester row: #009900 Your HTML file should include the appropriate tags. Use an external CSS file to set all the styles for the web page.arrow_forwardDifferent method for finding HTML element document.getElementsByClassName(name) document.getElementsByTag(tag) All of these Both A and C document.getElementById(id)arrow_forward
- Different method for finding HTML element O All of these Both A and C document.getElementsByClassName(name) document.getElementById(id) document.getElementsByTag(tag)arrow_forwardCreate a full HTML page according to the following requirements: Set the web page background color to rgb(150,150,250). Add background image to the page; you can download logo Do not repeat the background image. Set the background image position to top right. Insert the largest heading with the text “fun park”. Set the heading background color to white Add opacity value 0.6 to the headingarrow_forwardDesign a signup page using HTML5 and CSS as shown below: - Instructions: Tags must be nested properly. Don't use any inline style sheet. Webpage must be responsible and adjustable with all screen size devices Sign Up First Name Last Name Mobile No. Email Address Password Confirm Password By clicking Register you agree to the Terms and Conditions set out by this site, including our Cookie Use. O I Agree Register Sign Inarrow_forward
- Create the content in attached document as it is in a web page (applying the basic HTML tags). For creating web page follow the steps: Write your HTML code in notepad Save the file with .html extension Your submitted assignment will include this .html file in zip (compressed format)arrow_forwardcreate an HTML form page:arrow_forwardRedesign your personal web page to include at least two pieces of information on your topic, with "good" color choices and "good" text choices. Use Javascript (as appropriate and if desired) and expand the CSS file to cover all text and color choices. Technology allowed: HTML5, CSS3, personally-written Javascript Here is the html and css code I have so far. Please help me to add some javascript to my webpage and the two specifications mentioned before. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Make-UpWorld</title> <link rel="stylesheet" href="styles.css"> </head> <body> <h1>Makeup World</h1> <h3>Get the makeup that works the best for you</h3> <section> <h2><table> <div><caption><h3>Select below to start your journey!</h3></caption></div> <tr>…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 LNew Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage Learning
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning