Basics of Web Design: HTML5 & CSS3 (3rd Edition)
3rd Edition
ISBN: 9780133970746
Author: Terry Felke-Morris, Terry Morris
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Expert Solution & Answer
Chapter 8, Problem 7RQ
Program Description Answer
The layout design that is used for the mobile web design is “configure a single-column page layout”.
Hence, the correct answer is option “B”.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solutionStudents have asked these similar questions
Write some HTML and CSS to make horizontally reflected layout of this half width layout:(Use Lorem Ipsum to fill out the paragraph)It's very urgent. Please sir, give me answer in less than 50 minutes.
When you have written enhanced email links what testing should you do?
How can you avoid having a link to a new window open in a hidden window? Provide two techniques
For the following line of HTML what is the significance of each of the different font-family values?<p style = “font-family: Verdana, Palantino, Courier, serif”>
Write the HTML code that will produce the following:
Describe two techniques to reduce the size of images in your web site.
Why should you add height and width attributes to the img tag?
If 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 this
Chapter 8 Solutions
Basics of Web Design: HTML5 & CSS3 (3rd Edition)
Knowledge Booster
Similar questions
- Develop a basic personal web page using the HTML Include at least 4 menus(Home, About Me, Interest, Contacts) The 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 pagearrow_forwardUsing CSS, how would you center the text in a header of an HTML table? A) Use the align property. B) Use the text-align property. C) Use the justify property. D) Add until the text is centered.arrow_forwardWhat does it mean that the style sheets are cascading? What is the order of priority of CSS? List 5 things you can do with CSS, which cannot be done easily in HTML.arrow_forward
- Please do in HTML. Thank you! 1. Open your preferred text editor.2. Create a basic HTML skeleton page with the following elements:a. Add <!DOCTYPE html>b. Add <html></html>c. Add <head></head>d. Add <body></body>3. Add lang=en (w/ or w/o quotes) to an appropriate element.4. Add the four folders you typically expect to find with an organized website: images, scripts,styles, docs (this is a good habit to get into now).HEAD Section:5. Add <title>Hello world</title>6. Add <meta charset="utf-8">BODY Section7.Add h1 tags and the title Hello World!8. Add p tags and a sentence like: “Hello,world. I am Geoff and I am learning aboutHTML.”arrow_forwardCreate a simple html website that implement the following: Background images Marquee Table Inserting images Formatting text Breakline Paragraph alignment Font attributes/text alignmentarrow_forwardGive steps of the following problem. Use Sublime Text Editor Software Create a webpage of any topic. Home webpage should consist of further subpages like Gallery, About Us, Contact Us, etc. Webpage should contain background image, logo and add different colors and fonts to make it more attractive. Add ordered and unordered lists in your webpage. Make css style sheet and adjust margin, padding, colors, fonts according to your choice.arrow_forward
- Write down complete HTML + CSS + jQuery code to demonstrate following:a) When you double click a button, show 3 boxes with green, red and yellow color with different border styles.b) Demonstrate with complete jQuery code the functionality of text auto completion by showing suggestions for words typed by user in a search bararrow_forwardi cant seem to find the problem, im only using notepad. i need to recreate this. this is my code. <html><head><meta name="viewport" content="width=device, initial-scale= 1.0"><style type= "text/css">*{margin: 0;padding: 0;font-family: 'Roboto' sans-serif;}body{background-image: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)), url('https://www.fatima.edu.ph/wp-content/uploads/2018/11/OLFU-Quezon-City-Campus-Drone-1024x576.png');background-position: center;background-size: cover;} .container{width: 100%height: 100vh;padding-left: 8%;padding-right: 8%;box-sizing: border-box;} .navbar{height: 12%;display: center;align-items: center;} .logo{width: 30px;cursor: pointer;} nav{flex: 1;text-align: right;} </style></head><body><div class="container"><div class="navbar"><img src="" class="logo" width="90" height="80" <nav><ul> <li><a href="">HHEHE</a></li> <li><a…arrow_forwardThis is my footer code for an HTML 5 page (part of my assignment), but the footer doesn't show up. It just displays the text. Not sure what the issue is. body > footer address { background-color: rgb(222,128,60); color: white; color: rgba(255, 255, 255, 0.7); font: normal small-caps bold 0.9em/3em Quicksand, Verdana, Geneva, sans-serif; text-align: center;}arrow_forward
- 6. Create a web page that displays eight of your favorite photos (or eight photos supplied by your instructor). Also include a header and footer area on the page. The page layout should implement grid layout to configure a responsive display. Include your name in an e-mail address in the page footer area.arrow_forwardThe output must be similar to the sample picture provided. And make sure to pass the data to another page. HTML, CSS, JavaScript, Bootstrap and JQuery could be use to create the programarrow_forwardHow do I add multiple floating images but keep them contained to the layout below like the guide image I have below? I have a floating image but it is just staying in the middle of the page. Also why is my footer image on the right instead of at the bottom where it should be? 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…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