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
Concept explainers
Expert Solution & Answer
Chapter 2, Problem 1RQ
Program Description Answer
“Horizontal Rule(<hr>)” is a tag used to break the page or contents using horizontal line.
Hence, the correct answer is option “B”.
Expert Solution & Answer
Explanation of Solution
Explanation:
This “Horizontal Rule(<hr>)” tag does not contain any text in it. The following attributes are used in this tag.
- • Align – used to specify the alignment like left, right, and center.
- • Noshade – this attributes used to fill the single solid color.
- • Size – the size of the line is specified as “pixels”.
- • Width – width of the horizontal line specified in “pixels” or “%”.
These above attributes not supported in HTML5, using CSS the programmer can use these attributes in “<hr>” tag.
Explanation for incorrect options:
“<br>” tag:
It is a line break tag used to break the lines in web page. It inserts a single empty line and it has no ending tag.
Hence, the option “A” is wrong.
“<line>” tag:
This tag used in SVG basic shapes. “<line>” tag is used to create a line that connecting two points.
Hence, the option “C” is wrong.
“<h1>” tag:
<h1> </h1> is the html code tag pair, which is used to create largest heading on the web page.
Hence, the option “D” is wrong.
Want to see more full solutions like this?
Subscribe now to access step-by-step solutions to millions of textbook problems written by subject matter experts!
Students have asked these similar questions
Print and write code for sure if incorrect downvote sure
I am creating a html web page and I need help with the welcome page where the various tabs have can be filled out when clicked
these are just examples of the tabs in the home page
tab 1: Fish - what is a fish what is the color of the fish how big is the fishTab 2: dogs- what us a dog what is the color of the dog how big is the dog.
Create a simple html design using the table
By referring to the specifications given below, use HTML code and JavaScript to create the form as
shown in Figure 6.
WEBINAR REGISTRATION FORM
Name :
Contact Number :
Email :
Webinar Title : Select Webinar
Date : dd/mm/yyyy
Time :
10am - 12pm O 2pm - 4pm
Number of participants : 1
Total Registration Fees(RM) : 0.00
O Add me to your mailing list for upcoming webinars.
Submit Cancel
Figure 6
Specifications:
Create the form by assigning suitable id and name.
Add a legend containing the text "WEBINAR REGISTRATION FORM" and use inline style to
design the legend.
Use to arrange the form elements.
Create different form elements/controls with proper data for their attributes such as name, id, value
and type. There is no need to create element for each form element.
Set Webinar Title as a selection list that consists of 4 options: Select Webinar, Web for Beginners
(RM100), Web for Intermediate (RM200) and Web for Advanced (RM300).
Set Number of participants as a spinner control with range…
Chapter 2 Solutions
Basics of Web Design: HTML5 & CSS3 (3rd Edition)
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
- which the following tag responsible .for displaying the HTML page title head body style htmlarrow_forward<!doctype html><html><head><meta charset="UTF-8"><title>Black Goose Bakery Grid</title><link href="https://fonts.googleapis.com/css?family=Stint+Ultra+Expanded" rel="stylesheet"><style> html { box-sizing: border-box;}* { box-sizing: inherit;}body { font-family: Georgia, serif; font-size: 100%; background-color: white; margin: 0;} /* GRID STYLES START HERE */#layout { margin-left: 5%; margin-right: 5%; } /* VISUAL STYLES START HERE */ /* link styles */a:link, a:visited { color: #DC6903; }a:focus, a:hover, a:active { color: #F9AB33; } a { text-decoration: none; border-bottom: 1px dotted; padding-bottom: .2em;} /* nav styles */nav, footer { font-family: verdana, sans-serif; background-color: #783F27;}nav ul li a:link, nav ul li a:visited { color: #F9AB33;}nav ul li a:focus, nav ul li a:hover, nav ul li a:active { color: #fff;}nav ul { margin: 0; padding: 0; list-style-type: none; display: flex; justify-content:…arrow_forward<!doctype html><html><head><meta charset="UTF-8"><title>Black Goose Bakery Grid</title><link href="https://fonts.googleapis.com/css?family=Stint+Ultra+Expanded" rel="stylesheet"><style> html { box-sizing: border-box;}* { box-sizing: inherit;}body { font-family: Georgia, serif; font-size: 100%; background-color: white; margin: 0;} /* GRID STYLES START HERE */#layout { margin-left: 5%; margin-right: 5%; /* display as grid */ display: grid;/* 5 grid rows heights */grid-template-rows: 3em 20px [main-start] 150px 300px 5em [main-end];grid-template-columns: [main-start] 1fr [main-end] repeat(3, 20px 150px);} /* VISUAL STYLES START HERE */ /* link styles */a:link, a:visited { color: #DC6903; }a:focus, a:hover, a:active { color: #F9AB33; } a { text-decoration: none; border-bottom: 1px dotted; padding-bottom: .2em;} /* nav styles */nav, footer { font-family: verdana, sans-serif; background-color: #783F27;}nav ul li…arrow_forward
- Design same structure using HTML attach screenshot as well Downvote for incorrectarrow_forwardThe HTML code below has 4 unique issues that do not conform to the XHTML syntax rules. Identify these errors. 2. Page Title Insert your email address If you are a new user 10 11 12 13 Signup 14 15 16arrow_forwardThe typed input from a user in a programming article needs to be indicated. Which HTML tag should be used? <var> <em> <kbd> <cite>arrow_forward
- What is the purpose of CSS in web development, and how can you use CSS to style HTML elements?arrow_forwardMENU DRIVEN CODE HTML BELOW.arrow_forwardYou 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…arrow_forward
- Write the HTML code to output the following using TABLE Tag Welcome To MY Photo Album Home About Us EID Pics General Pics Marriage Birthday Feedback This web site will show you all the Pictures of the family. The Categories of the Pictures included: a. EID Pictures b. Marriage Pictures c. General Pictures d. Birthday Pictures These Will be Links NEWS1 NEWS2 NEWS3 These will be Scrolling NEWS using MARQUEE All Rights Reserved HOME | About US | Contact US | About USarrow_forwardBurger Shop Create an HTML page with a form for ordering burgers 1. The form should ask for the following: Customer Information a. Name b. Mobile number c. Email Burger details a. Doneness: Rare, Medium rare, Medium, Medium well, Well done b. Seasonings: mayo, ketchup, mustard, ranch c. Toppings: Tomato, lettuce, onion, bacon, cheese d. Quantity of burgers Delivery Details a. Delivery Address b. Preferred delivery date c. Preferred delivery time 2. Add a submit button that triggers the following validations Name is required Mobile number is required and should follow the correct 11 digit format that starts with “09” Email address is required and should be a valid email format Doneness is required Quantity is required. Minimum of 1, maximum of 15 Delivery Address is required Preferred delivery date is required Preferred delivery time is required 3. Add a reset button that clears the form inputsarrow_forward<!DOCTYPE html><html> <head> <title>Home Page</title> <link rel="stylesheet" type="text/css" href="./styles/grid.css"> </head> <body> <!--Added main tag--> <main> <!--Added nav tag--> <nav> <a href="index.html">Home</a> <a href="contact.html">Contact</a> <a href="about.html">About</a> </nav> <h1>Welcome to my (about me) site</h1> <picture> <source media="(min-width:650px)" srcset="./images/me3-650.jpg"> <source media="(min-width:465px)" srcset="./images/me3-465.jpg"> <img src="./images/me3.JPG" alt="ME" style="width:auto;"> </picture> <h3>HI there this is one of my favorite songs down below.</h3> <iframe width="420" height="345"…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
COMPREHENSIVE MICROSOFT OFFICE 365 EXCEComputer ScienceISBN:9780357392676Author:FREUND, StevenPublisher:CENGAGE L
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L