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
Question
Chapter 7, Problem 11HOE
Program Plan Intro
Program Plan:
Include the HTML tag using <HTML>.
- Include the header tag using <head>.
- Include the title on the webpage using <title> tag.
- Include a hyperlink to the named fragment designated by “top”.
- Close the header tag.
- Include an internal CSS file using the style tag.
- Include Alignment For Body Tag.
- Include Alignment for CSS Container.
- Alignment to have the image in the right side of the webpage.
- Alignment for aside tag to place some content aside from the content it is placed in.
- media is the attribute that is used to indicate whether the style sheet is for printing or screen display.
- Include the body using the <body> tag.
- Include a heading using the <h1> tag.
- Include a paragraph using the <p> tag.
- Close the body using </body> tag.
- 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
Write Restaurant Website using HTML, CSS, JavaScript, PHP, and MySQL. The website should contain Home page, Menu page, Contacts Page and Booking a table page.
The code should be not very simple not very difficult.
There must be used all these: HTML, CSS, JavaScript, PHP, MySQL. You can use internal CSS and JavaScript files.
Show the files name and their extensions. For Example: home.php and put the code under it.
Use some images as well (2-3 images of food for the menu). You can get the image address from the internet.
Explain you work by putting comments inside the code.
how to do this exercise?
Halloween 11 Create a product page
In this exercise, you’ll create a product page that uses a variety of features for working with images. When you’re through, the page should look similar to this:
Specifications:
• To create the product page, you can copy the index.html file you worked on in exercise 7 to the products folder and rename it cat.html. Then, you can delete the content from the section, modify the URLs on the page as necessary, and add the content shown above.
• Create a new style sheet named product.css for the product page, and copy the styles you need from the main.css file to this style sheet. Then, modify the link element for the style sheet in the cat.html file so it points to the correct style sheet.
• Modify the horizontal navigation menu so it indicates that no page is current.
• In the section, float the image to the left of the text. In addition, set the left margin for the text so if the product description is longer, the text won’t…
Using HTML and CSS and Javascript.
Include a new page named “funpage.html” about coffee shop website, which allows the users to interact with your page and have fun with it when accessing your website (e.g., play a game such as re-assembling a cut-photo; or do simple drawings; or gathering words to make English sentences from given a set of words); be creative. The page should have the following minimum requirements: a) Use of dynamic Html concepts. b) Add full comments to your JavaScript code explaining how does it work. c) The page should be well-designed, nice-looking, have look-n-feel concepts. The game should be related to the objective of the website.
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
- Python Please!!!! Create an HTML page called "index.html" and an external CSS stylesheet called "styles.css". Set the body to use a different font than the default and a different background color than the default. Create a header, "Hello World" with an ID of "main-title" and style that ID to be centered. Create two paragraphs, each with a class of "content" and apply a bottom margin of 12px to that class. By the end, your site should look something like this, but with whichever font and color you choose:arrow_forwardUsing HTML and CSS programming languages, create your personal web page which is composed by two pages (Curriculum Vitae and Cover letter) with the following content: The curriculum vitae: - The web page title is your name-cv (example: Abcd-CV) - The web page (body) color code is #A9F5F2 - Heads - Paragraph (the style of the text is justifying) - Two different colors of the text - Image (choose image from the web) - Ordered list - Unordered list -Hyperlink that connect you to the second page (cover letter) The cover letter: - The web page title is your name-cover letter (example: Abcd-cover letter) - Head - Paragraph (the style of the text is justifying) - Two different colors of the text - The web page (body) color code is #F5F6CE - Hyperlink that connect you to the wikipedia page of your native cityRequired to answer. Multi Line Text. please use any data or color, no problemarrow_forwardPlease create HTML website using Flask. This website can have 5 pages, e.g., index, contact, about, etc. This website needs to include the following topics. 1. Flask routings. 2. Flask render templates. 3. Flask WTF. (forms) 4. Flask base HTML. You can add a nav bar in this base.html. 5. Flask static files, e.g., CSS file. You are free to choose any topic.arrow_forward
- Please create HTML website using Flask. This website can have 5 pages, e.g., index, contact, about, etc. This website needs to include the following: Flask routings, Flask render templates, Flask WTF. (forms), Flask base HTML. You can add a nav bar in this base.html, Flask static files, e.g., CSS file. You are free to choose any topic for the website include the code.arrow_forwardHTML5 I have created page "Index" that includes a form from html page"ChestAndBack" On the html page "ChestAndBack" I did not use any of the usual tags such as Doctype, title, html, etc. It seems to run, but would it be better to include those usual tags? My end goal is to load different forms depending on user dropdown selection on Index page.arrow_forwardPlease create a simple HTML website using Flask. This website can have 5 pages, e.g., index, contact, about, etc. This website needs to include the following topics. 1. Flask routings. 2. Flask render templates. 3. Flask WTF. (forms) 4. Flask base HTML. You can add a nav bar in this base.html. 5. Flask static files, e.g., CSS file. You are free to choose any topic.arrow_forward
- You are going to add some javascript to your webpage to greet the user. All the below instructions can be found with further explanations in the Javascript lectures. Don not only give me the html code, i need javascript If you do not already have them, add two <h1> title tags so they display at the top of your webpage The first tag should have the contents: “Welcome” The second tag should have an id='username' and contents: “Placeholder” All Javascript must go in a file with the extension “.js”, such as “main.js” or “script.js”. Create a file to hold your javascript if one is not already there. Add a script tag at the end of your body tag that includes your javascript file. In your script tag, use the javascript prompt command to save input from the user into a variable Ask the user their name in the prompt command You can name the variable whatever you like Change the second <h1 id=’username’> contents to the name entered by the user it should be stored in the…arrow_forwardhi i need help in html css. i need to copy the one picture on the left with black background as well as the justified center postition of the picture. my work is the one with wednesday. as you can see it has white background and the picture position is wrong. i have 1 index.html file and 2 css: style.css and utilities.css here is the source code // this is index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- import css --> <link rel="stylesheet" href="css/style.css"> <!-- import favicon --> <link rel="shortcut icon" href="images/image1.jpg" /> <!-- import icons --> <script src="https://kit.fontawesome.com/bd6a72777e.js" crossorigin="anonymous"></script> <!-- import google fonts --> <link…arrow_forwardPlease 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_forward
- As the given images Please make simple biography page in HTML using Notepad. Please write the code in HTML using notepad its a request dear.arrow_forwardWrite the HTML, CSS, and JS that meets the following requirements: Make the font size 20 points. Make the left margin 50 pixels. Add the following elements to the page: level 1 header. The content shall be your name. image. The picture displayed shall be anything of your choice on the web. Use an absolute/remote URL. ordered list with two items. The content of these items shall be your two favorite things. Write a JS script that does the following: Ask the user for his two favorite things. Print a new ordered list with the the inputted values. Ask the user if he likes Google. If so, print an image of the Google logo.arrow_forwardWith one HTML file and one JS file in English please :) You may design any web page of your choosing. You must use the following methods to select elements on your webpage and dynamically change one of their style settings: getElementsByTagName() getElementsByClassName() querySelector() querySelectorAll() You must use the following functions to demonstrate creating elements dynamically. These elements must be visible in the web browser. createElement() appendChild() cloneNode() with no children cloned cloneNode() with children cloned insertBefore() You must dynamically remove a node that you added to the original html file. You must dynamically set at least three windows object properties: You must add a button that when clicked calls the window object open function and opens www.amazon.com You must add another button that when clicked calls the window object open function using at least 5 of the options for the open function and opens www.amazon.com You must add…arrow_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
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning