Basics of Web Design: Html5 & Css3
4th Edition
ISBN: 9780134444338
Author: Terry Felke-Morris
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Question
Chapter 7, Problem 1FWD
Program Plan Intro
Web page creation using CSS techniques
Program plan:
- Include the HTML tag “<HTML>”.
- Include the title on the webpage using “<head>” tag.
- Include the title on the webpage using “<title>” tag.
- Include the style tag using “<style>” for internal style.
- Add the style for “body” tag with class of “blue-text”.
- Add the style for “header” tag with class of “red-text”.
- Set the border-radius as “10” pixel to show the rounded corner.
- Add the style for “footer” tag with class of “footer”.
- Set the border-radius as “10” pixel to show the rounded corner.
- Set the box-shadow as “5px 5px 10px #202020” to show the shadow effect.
- Open the body of the web page using “<body>” tag.
- Open the header tag with class name to display the header of the webpage.
- Open the header tag to display the URL and name of the website.
- Open the header tag to display the description of techniques.
- Open the header tag to display the discussion of techniques.
- Open the footer of the web page using “<footer>” tag.
- Close all the tags.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solutionStudents have asked these similar questions
Explain the difference between margin and padding in CSS. Write the CSS code that adds a margin of 5 px and a padding of 10 px in all sides of a paragraph tag in html
Create a CSS style for an H3 element, where:
- colour is blue (in RGB format)
- text aligned to left
- text decoration red wavy underline
- text transformed to uppercase
write a CSS style rule to set up a linear gradient background based on the following requirements:
it is for a class named peterthe direction of the linear gradient is to be from right to left and must be represented by degreesthe starting colour must be red and presented in the RGB formatthe ending colour must be blue and presented in hexadecimal format
Chapter 7 Solutions
Basics of Web Design: Html5 & Css3
Knowledge Booster
Similar questions
- Find all textareas and paragraphs, and make a red border around them and set the border to red. HTML& CSS gives us structure and style JavaScript brings our webpage to life!! jQuery JavaScript Click to check the effectarrow_forwardIf you are asked to design an advertisement page for a restaurant, it contains three images (01.jpg, 02.jpg and 03.jpg) and multiple links, all of them go to the website (https://www.youtube.com/). Write html page design that you see fit for the existence of this page with the .writing of default texts for thisarrow_forwardBy using the program below: Kindly use CSS, Set the text color for the page to "red", and the text color for <h1> to "blue". <!DOCTYPE html> <html> <head> <style> </style> </head> <body> <h1>This is a Heading</h1> <p>This is a paragraph.</p> <p>This is another paragraph.</p> </body> </html>arrow_forward
- In CSS, Find a font to use on the web. In a short paragraph, explain how you would import this font into your project and use it. Include the link to the font.arrow_forwardWrite one CSS rule for the following task: Style an article element so that: its padding is 32px, its width, including padding, is one third of its parent container width, float it to the right side of the screen. Write one CSS rule for the following task: Style a footer element so that: it clears any prior floating elements, its width is 90% of its parent container width, its width is but no smaller than 768px, its width is no bigger than 1024px, centre the footer horizontally, regardless of the screen size. Write the HTML for: The footer of a page that includes an image with the following source https://learndigital.dev/DGL103/logo.png; The image must link to the homepage of the website when clicked on; The image must include descriptive text that screen readers can access; The image must be 160px tall and wide. Write a CSS style so that the footer (DON'T include more CSS than you need to): has a background colour. has a height of 300px. Use 2 different methods to move…arrow_forwardDescribe what is incorrect with the following CSS code, which causes a web page containing it not to display a border when rendered in a browser:h2 { background-color: #FF0000border-top: thin solid #000000 }arrow_forward
- How to create a left side nav with an article below using HTML/CSS.arrow_forwardHello, I am trying to add a floating image into the middle column below the text. I can someone look at the provided HTML code along with the CSS sheet I have provided to figure out how to get a floating image into it. Thank you! <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title>Flexbox Coding</title></head> <link rel="stylesheet" href="Style.css"> <body> <header class="header-image"> <img src="57mBcYi.jpeg" alt="Header Image"> </header> <div class="flex-container"> <div> <ul> <li><a href="Page1.html">Link to Page 1</a></li> <li><a href="Page2.html">Link to Page 2</a></li> </ul> </div> <div>An country demesne message it. Bachelor…arrow_forwardANSWER THE FOLLOWING MULTIPLE CHOICES 1. Which CSS property configures the capitalization of text?a. font-typeb. text-transformc. text-decorationd. font-weight2. The ___________________ property configures a shadow effect on the text displayedwithin an element.a. font-weightb. shadowc. text-shadowd. font-style3. Choose the item that creates an image link to the school.htm page when the school.gifgraphic is clicked.a. <a href="school.html" src="school.gif" alt="school"></a>b. <a href="school.html"><img src="school.gif" alt="school"></a>c. <img src="school.gif" href="school.htm" alt="school">d. none of the above4. Select the best reason to include height and width attributes on an <img> tag.a. they are required attributes and must always be includedb. to help the browser render the page faster because it reserves the appropriate space for theimagec. to help the browser display the image in its own windowd. none of the above5. Select the browser’s…arrow_forward
- Add some designs to this webpage by using HTML codes and CSS as internal file. Make it look better as much as you can, WHAT YOU ADD WILL SERVE AS MY BASIS, REF, STUDY MATERIAL. SOURCE CODE:arrow_forwardTell me about the three primary CSS page layouts.arrow_forwardDevelop a basic personal web page using the HTML he correct html, head, and body tags Insert the following phrase, without the quotes, as your title tag: “HTML Beginner Exercise by <insert your first and last name>.” Example: HTML Beginner Exercise by Theresa Clarke One unordered list of items (must include at least four items) One ordered list of items (must include at least four items) A bold word or phrase anywhere on the page A centered word or phrase anywhere on the page An italicized word or phrase anywhere on the page At least three hypertext links to other sites on the Internet Include at least 4 menus(Home, About Me, Interest, Contacts) Any .jpg or .gif images imagesarrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
- Database System ConceptsComputer ScienceISBN:9780078022159Author:Abraham Silberschatz Professor, Henry F. Korth, S. SudarshanPublisher:McGraw-Hill EducationStarting Out with Python (4th Edition)Computer ScienceISBN:9780134444321Author:Tony GaddisPublisher:PEARSONDigital Fundamentals (11th Edition)Computer ScienceISBN:9780132737968Author:Thomas L. FloydPublisher:PEARSON
- C How to Program (8th Edition)Computer ScienceISBN:9780133976892Author:Paul J. Deitel, Harvey DeitelPublisher:PEARSONDatabase Systems: Design, Implementation, & Manag...Computer ScienceISBN:9781337627900Author:Carlos Coronel, Steven MorrisPublisher:Cengage LearningProgrammable Logic ControllersComputer ScienceISBN:9780073373843Author:Frank D. PetruzellaPublisher:McGraw-Hill Education
Database System Concepts
Computer Science
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:McGraw-Hill Education
Starting Out with Python (4th Edition)
Computer Science
ISBN:9780134444321
Author:Tony Gaddis
Publisher:PEARSON
Digital Fundamentals (11th Edition)
Computer Science
ISBN:9780132737968
Author:Thomas L. Floyd
Publisher:PEARSON
C How to Program (8th Edition)
Computer Science
ISBN:9780133976892
Author:Paul J. Deitel, Harvey Deitel
Publisher:PEARSON
Database Systems: Design, Implementation, & Manag...
Computer Science
ISBN:9781337627900
Author:Carlos Coronel, Steven Morris
Publisher:Cengage Learning
Programmable Logic Controllers
Computer Science
ISBN:9780073373843
Author:Frank D. Petruzella
Publisher:McGraw-Hill Education