Basics of Web Design: HTML5 & CSS3 (3rd Edition)
Basics of Web Design: HTML5 & CSS3 (3rd Edition)
3rd Edition
ISBN: 9780133970746
Author: Terry Felke-Morris, Terry Morris
Publisher: PEARSON
bartleby

Concept explainers

Question
Book Icon
Chapter 8, Problem 6HOE
Program Plan Intro

Design a web page to display both in desktop and smartphone browser

Program plan:

  • Include the HTML tag using “<HTML>”.
  • Include the title on the webpage using “<head>” tag.
  • Open the “<meta>” tag to set the viewport for visible area of webpage.
  • Include the title on the webpage using “<title>” tag.
  • Include the style tag using “<style>” for internal style.
    • Add the style for “body” element.
    • Internal style for media queries to design the web page.
    • Add the style for “wrapper” element.
    • Add the style for “nav” element.
    • Add the style for “nav ul” element.
    • Add the style for “nav a” element.
    • Add the style for “main” element.
    • Add the style for “header” element.
    • Add the style for “h1” element.
    • Add the style for “h2” element.
    • Add the style for “article” element.
    • Add the style for “footer” element.
  • Open the body of the web page using “<body>” tag.
  • Use the two-column layout to design the webpage using “div” tag.
  • Open the header of the web page using <header> tag.
  • Open the navigation link using <nav> tag.
  • Open the main of the web page using <main> tag.
  • Open the section of the web page using <section> tag.
  • Open the article of the web page using <article> tag.
  • Open the footer of the web page using <footer> tag.
  • Close all the tags.

Blurred answer
Students have asked these similar questions
I need to develop and run a program that prompts the user to enter a positive integer n, and then calculate the value of n factorial n! = multiplication of all integers between 1 and n, and print the value n! on the screen. This is for C*.
I need to develop and run a C* program to sum up integers from 1 to 100, and print out the sum value on the screen. Can someone help please?
Given the schema below for the widgetshop, provide a schema diagram. Schema name Attributes Widget-schema Customer-schema (stocknum, manufacturer, description, weight, price, inventory) (custnum, name, address) Purchased-schema (custnum, stocknum, pdate) Requestedby-schema (stocknum, custnum) Newitem-schema (stocknum, manufacturer, description) Employee-schema (ssn, name, address, salary) You can remove the Newitem-schema (red).
Knowledge Booster
Background pattern image
Computer Science
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
SEE MORE QUESTIONS
Recommended textbooks for you
Text book image
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning
Text book image
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:9781337508841
Author:Carey
Publisher:Cengage
Text book image
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L
Text book image
CMPTR
Computer Science
ISBN:9781337681872
Author:PINARD
Publisher:Cengage
Text book image
Programming with Microsoft Visual Basic 2017
Computer Science
ISBN:9781337102124
Author:Diane Zak
Publisher:Cengage Learning