Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
9th Edition
ISBN: 9780134801346
Author: FELKE-MORRIS
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Expert Solution & Answer
Chapter 6, Problem 8MC
Program Description Answer
“display: block” is used to display an element as a block of content by empty space above and below it.
Hence, the correct answer is option “C”.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solution
Students have asked these similar questions
Which of the following statements is true?
A
Any particular HTML5 form input types must render identically in every HTML5-
compliant browser.
B
If the user enters an improperly formatted URL in a url input type, it will not validate.
HTML5 does not validate that the URL entered actually exists.
C
The header element may be used only one time on a page.
D
When the focus is placed in the text field (i.e., the cursor is in the text field), the placeholder
text is submitted to the server.
All variables declared in function definitions are ____________ variables.
A
local
B
global
C
constant
D
special
Create another new text file and write the following codes.
<html>
<head>
<link rel="stylesheet" type="text/css" href="test.css" />
</head>
<body>
<h3> A White Header </h3>
<p> This paragraph has a blue font.
The background color of this page is gray because
we changed it with CSS! </p>
</body>
</html>
Save this file with name MyExternalCSSdemo.html (Run and see the effect.)
Create a new folder name – Tutorial -5
Create a two text file inside this folder and name – Tutorial -5.txt for HTML page and
ExternalCSS.txt for CSS file
Open Tutorial -5.txt as a sublime text (by right click on it)
Following tasks to be completed to develop a web page using external CSS.
1. Create an External CSS which should have background colour ‘white’, Header H1 colour ‘black’ and paragraph colour ‘Red’
2. Web page should have…
Write an appropriate HTML code to get the following output:
Title: Lab Exercise Five Background color: DarksalmonHeading style (Heading 2): Background color = Ghostwhite; Font type = Verdana; Font align = Center; Font color = Black Table style: Border 5px; solid white; collapse; width = 100%
Table Headings: Beverages; Coffee; Tea; JuicesCoffee (unordered list): Black Coffee; Milk Coffee; Cappucino; EspressoTea (ordered list): Black Tea; Milk Tea; Green Tea; Earl Grey Tea; Jasmine Tea; Peppermint TeaJuices (description list): Morning Green Juice (Green Apple, Ginger, Spinach, Celery, Fresh Mint Leaves); Sweet Sunrise (Rasberries, Banana, Orange, Mango); Tropical Treat (Banana, Mango, Strawberry).
Chapter 6 Solutions
Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
Ch. 6.4 - Prob. 1CPCh. 6.4 - Prob. 2CPCh. 6.4 - Prob. 3CPCh. 6.15 - Prob. 1CPCh. 6.15 - Prob. 2CPCh. 6.15 - Prob. 3CPCh. 6 - Prob. 1MCCh. 6 - Prob. 2MCCh. 6 - Prob. 3MCCh. 6 - Which of the following configures a class called...
Ch. 6 - Prob. 5MCCh. 6 - Prob. 6MCCh. 6 - Prob. 7MCCh. 6 - Prob. 8MCCh. 6 - Prob. 9MCCh. 6 - Prob. 11FIBCh. 6 - Prob. 12FIBCh. 6 - The ____________ is always transparent.Ch. 6 - Prob. 14FIBCh. 6 - Prob. 15FIBCh. 6 - Prob. 1AYKCh. 6 - Prob. 2AYKCh. 6 - Prob. 3AYKCh. 6 - Prob. 1HOECh. 6 - Prob. 2HOECh. 6 - Prob. 3HOECh. 6 - Prob. 4HOECh. 6 - Prob. 5HOECh. 6 - Prob. 6HOECh. 6 - Prob. 7HOECh. 6 - Prob. 8HOECh. 6 - Prob. 9HOECh. 6 - Prob. 10HOE
Knowledge Booster
Similar questions
- Create a HTML and CSS file of the given picture. Ensure that the interface will satisfy the given picture.Note: Once view button was clicked, another html file will pop up as shown in 2nd picture.arrow_forwardIn each of the following code segments, locate the error and describe how to fix it: a) a = 5; while ( a <= 20 ); ++a; } b) switch (n) { case 1: document.writeln( "The number is 10" ); case 2: document.writeln( "The number is 20" ); break; default: document.writeln( "The number is not 10 or 20" ); break; } c) The following code should print the values from 0 to 5: a = 0; while (a < 5 ) document.writeln( a++ ); d) <!DOCTYPE html> <html> <bodystyle=" font-size:30px;" > <p id="demo"></p> <script> var d = new Date(); document.read("Date is"+d) </body> </html>arrow_forwardIn CSS3 which of the following method increases or decreases the size of an element using tranform?a. rotate()b. scale()c. translate()d. matrix()arrow_forward
- Which element causes browsers to automatically add a line break after the element is rendered? a. Inputb. Citec. Divd. Areaarrow_forwardQ5. By using the program below: Kindly Set the background color for the page to "linen" and the background color for <h1> to "lightblue". <!DOCTYPE html> <html> <head> </head> <body> <h1>This is a Heading</h1> <p>This is a paragraph.</p> <p>This is another paragraph.</p> </body> </html>arrow_forwardStep 1. You will write an html web page called editItem.html (or editItem.py), which links to an external Javascript file named ActionOnItem.js. The contents of editItem.html (or editItem.py) should include dropdownlist1, dropdownlist2 and a button. First Add items to the dropdown list using HTML code. Secondly, click the button MoveHere. You can add other form elements if you think are needed to complete this program with more relevant information. Step 2. You will write a .js file named ActionOnItem.js. In ActionOnItem.js file, you should write a function called moveItem( ) which receive itemName parameter and remove that item from dropdownlist1 and add that item to dropdownlist2. Step 3: when MoveHere’ button is pressed and display result on your HTML page. Step 4. Extend your programs by creating a new function called countItem() in ActionOnItem.js that calculates and displays number of items on both dropdownlist1 and dropdownlist2. You can add another button on the…arrow_forward
- Java script event listener help // 3) In the "myPage" section, select the third// button and assign a "click" listener. When// clicked, it should change the text content// of the third paragraph in the "myPage" section// to "Third button clicked."/////////// HINT: You should look at the HTML carefully to// make your selectors. // 4) In the "myPage" section, select the fourth// button and assign a "click" listener. When// clicked, it should add a class named// "fourthPara" to the fourth paragraph// in the "myPage" section. HERE IS THE INDEX HTML <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Practice Assignment 11</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/8.1.1/mocha.css" integrity="sha512-Ytt2foRGKdIInPXwyS3gxRvfTv4n2wi7uB7neCLH1LjExT+PKBeQu6LNVB4QpHaJqx7m2btagBs4kqxYC1QNFg==" crossorigin="anonymous" />…arrow_forwardUse the given code to answer the following questions: External.css label { color: darkgray; } home. Html <header> <link ref “stylesheet” type”text/css” href= “external .css” <style> Label { Color: darkblue; } </style> </header> <body style=”color: darkred;”> <p> <input type “checkbox” name =”chkOrange” <label style “color: darkcyan;” for = “chkOrange”>Oranges</label> </p> </body> Which color is shown for the < label> tag? Darkred Darkcyan Darkgray Darkbluearrow_forwardUse JavaScript to validate user inputs for this HTML form. Create a new HTML page, LabTest.html, build form. Using external JavaScript to do the validation, for example, create a validate_form.js file. Your html code should pass the validation, put an validation icon at the bottom of the page. Following submission instructions for this exercise: No empty input. All form elements should have an input. 2. Maximun input characters of "First name" or "Last name" are 50 characters. Maximun input characters of "Address" are 300 characters. 4. For correct user inputs, show the user inputs in an alert window. Othersiwe, warn the user in an alert window.arrow_forward
- What is the following code called? @{ ViewData["Title"] = "Employee Page";} 1. a Razor code block 2. An HTML code block 3. A CSS code block 4. A C# Classarrow_forwardIn CSS3 which of the following method moves an element from its current position using tranform?a. rotate()b. scale()c. translate()d. matrix()arrow_forwardOpen the HTML and JavaScript files provided as start up files (index.html and navigation.js). Then, run the application and notice that when you click on a link in the sidebar, the page is scrolled so the information for the speaker associated with that link is displayed. In other words, this application works even if JavaScript is disabled. In the JavaScript file, add an event handler for the ready event method. Then, within the function for that event handler, add jQuery code that hides the heading and article for all but the first speaker. Add an event handler for the click event of the <a> elements in the sidebar. Then, within the function for that event handler, add jQuery code that hides all the speaker information, gets the value of the href attribute of the link that was clicked, and then uses that value to display the heading and article for the speaker associated with that link.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
Programming with Microsoft Visual Basic 2017Computer ScienceISBN:9781337102124Author:Diane ZakPublisher:Cengage Learning
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning
Programming with Microsoft Visual Basic 2017
Computer Science
ISBN:9781337102124
Author:Diane Zak
Publisher:Cengage Learning