Web Development and Design Foundations with HTML5 (8th Edition)
8th Edition
ISBN: 9780134322759
Author: Terry Felke-Morris
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Expert Solution & Answer
Chapter 3, Problem 13FIB
Program Description Answer
The text-align is a CSS property that can be used to center the text within a block element.
Hence, the answer is “text-align”.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solutionStudents have asked these similar questions
JavaScript all design notvsame as web page remember that. Allala
Write the code necesary in javascript to create a webpage that contains a contact form like the one in the attatched picture.
To create and style this form, copy the following HTML and CSS code exactly as follows:
HTML:
<form><label for="myName">Name:</label><input type="text" name="myName" id="myName"><label for="myEmail">E-mail:</label><input type="text" name="myEmail" id="myEmail"›<label for="myComments">Comments:</label><textarea name="myComments" id="myComments" rows="2" cols="20"></textarea><input id="mySubmit" type="submit" value="Submit"›</form>
CSS:
form { background-color:#eaeaea;font-family: Arial, sans-serif;padding: lOpx; }label { float: left;width: 100px;clear: left;text-align: right;padding-right: lOpx;margin-top: lOpx; }input, textarea { margin-top: lOpx;display: block; }#mySubmit { margin-left: 110px; }.
Web Development:
You are required to create a simple six-page website using HTML5 and CSS3. This project should include Javascript or a JS Library/Framework.
FrameworkUse a CSS framework such as Foundation, Bootstrap, Tailwind CSS, UiKit, Bulma etc.
FontsYour fonts must be one of the following sets.
Baloo with Montserrat
Amaranth with Open Sans
Palanquin with Roboto
Sansita with Open Sans
Playfair Display and Fauna One
Type Scale
Augmented Fourth
Colour Scheme options
Choose one of the following options
https://coolors.co/palette/ff9f1c-ffbf69-ffffff-cbf3f0-2ec4b6
https://coolors.co/palette/555b6e-89b0ae-bee3db-faf9f9-ffd6ba
https://coolors.co/palette/ff6700-ebebeb-c0c0c0-3a6ea5-004e98
https://coolors.co/palette/6b9080-a4c3b2-cce3de-eaf4f4-f6fff8
Digital Asset
Must include at least two (2) video assets
Must include at least six (6) image assets ( at least one must be *.webp. )
No less than three javascript elements such as on demand header, show hide div etc.
Site…
CSS
Chapter 3 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
Ch. 3.4 - Prob. 1CPCh. 3.4 - Prob. 2CPCh. 3.4 - Prob. 3CPCh. 3.8 - Prob. 1CPCh. 3.8 - Prob. 2CPCh. 3.8 - Prob. 3CPCh. 3 - Prob. 1MCCh. 3 - Prob. 2MCCh. 3 - Prob. 3MCCh. 3 - Prob. 4MC
Ch. 3 - Prob. 5MCCh. 3 - Prob. 6MCCh. 3 - Prob. 7MCCh. 3 - Prob. 8MCCh. 3 - Prob. 9MCCh. 3 - Prob. 10MCCh. 3 - Prob. 11MCCh. 3 - Prob. 12FIBCh. 3 - Prob. 13FIBCh. 3 - Prob. 14FIBCh. 3 - Prob. 15FIBCh. 3 - Prob. 1AYKCh. 3 - Prob. 2AYKCh. 3 - Prob. 3AYKCh. 3 - Prob. 1HOECh. 3 - Prob. 2HOECh. 3 - Prob. 3HOECh. 3 - Prob. 4HOECh. 3 - Prob. 5HOECh. 3 - Prob. 6HOECh. 3 - Prob. 7HOECh. 3 - Prob. 8HOECh. 3 - Prob. 9HOECh. 3 - Prob. 1WRCh. 3 - Prob. 2WRCh. 3 - Prob. 1FWD
Knowledge Booster
Similar questions
- <!DOCTYPE html> <html lang="en"> <head> <title>MASTER MIND</title> <link rel="stylesheet" type="text/css" href="1.css" /> </head> <script type="text/javascript"> function MakeDot(colour) { var string = '<span class="dot" style="background-color:'; switch (colour) { case 'red': string += '#ff0000'; break; case 'green': string += '#00cc00'; break; case 'orange': string += '#ff9900'; break; default: string += '#bbb'; break; } string += ';"></span>'; return string; } </script> <body> <div class="nav" id="nav"> <h2>MASTER MIND</h2> <li><a id="game" href="index.html" target="_self">mastermind 1</a></li> </div> <div class="content" id="content"> <h1>Number Game</h1> <div id="info"> there are 4 need to guess ,numbers from 0 to 9.<br /> show result by colour green, orange, red. <br /> <script>…arrow_forwardThe HTML ________element is used to draw graphics, on the fly, via JavaScript.Single choice. CHOOSE OPTION: <draw> <canvasarea> <figure> <canvas>arrow_forwardIn the context of font size measurement units, the unit _______ is used for printing webpages.arrow_forward
- web developmentarrow_forwardHTML/CSS JAVASCRIPT please help me answer this question I will give you a good rating Thank you! Given the following html dynamic application What is the output when the button is clicked ?( describe the visual effect when the button is clicked) Modify the output from the original web page, so that the html will create and place a new red div as illustrated inside the existing grey div and then transfers the paragraph inner content at run-time ( inside the javascript function ) from the paragraph inside the grey div into the red div as illustrated. DO NOT DO this by placing the paragraph content inside the div within the static HTML page, use the document object model to access elements from the paragraph and transfer content into the div element as illustrated <! DOCTYPE html> <html> <head> <title> First Illustration</title> <link rel="stylesheet" type="text/css" href="first_ill_RRR.css"> <script src="project_6p.js"…arrow_forwardEarly computers used the character map for their display. In modern computers, the display transitioned from the character map to the ___. In the new format of display, the smallest graphic unit is the ___. The measure for the quality of the display system is the density in terms of the number of the smallest units encompassed in an inch-by-inch square of the screen. The acronym for the density is ___. Graphic editors render the image being edited as they are being edited. This concept is represented in the acronym ___. Several digital image formats exist. Two popular formats include ___ and ___. The former starts with the letter ‘T’ and the latter with the letter ‘P’.arrow_forward
- 3arrow_forwardJavascriptarrow_forwardDesign a webpage in HTML using CSS and JavaScript to show the monthly payment and the total payment of a loan. create two Buttons to compute the monthly loan payment and total payment given the loan amount of $367000, yearly_interest_rate= 5.25% and a number of years=30. Create two separate functions in JavaScript. function monthlyPayment() function totalPayments()arrow_forward
- Complete the following practice problems and submit .html files containing your solutions: Add several images to a page. Use a loop to attach a click event handler to each of the images. When one of the images is clicked, add a border around it using CSS. When another image is clicked, the border from the previous image should be removed, in addition to adding the new border. Create a function that will let the user edit the strings in an array. Start by passing an array of strings into the function. The function should render a text input box on the page, each containing a string from the array. When a "save" button is pressed, update the content of the array and print the entire array with console.log(). You don't need to support adding or removing elements from the array, just editing the existing strings.arrow_forwardP2-Fibonacci Number Calculator (2.5 points) Create a web page where users can calculate Fibonacci numbers. · Use HTML to create an input field where users can enter a number, a button to submit, and a place to display the result. • Use JavaScript to calculate the Fibonacci number at the position entered by the user. The Fibonacci sequence starts with 0 and 1, and every number after that is the sum of the two preceding ones (0, 1, 1, 2, 3, 5, 8, 13, ...). • Display the result on the page.arrow_forwardThe HTML code below includes CSS code and Javascript code, explain the outputs of this code and further use a diagram(s) to depict the outputs. <!DOCTYPE html> <html> <head> <style> body {background-color: powderblue;} h1 {color: blue;} </style> </head> <body> <h1 id="it401">My Heading 1</h1> <button type="button" onclick="document.getElementById('it401').style.color = 'red'"> Click Me!</button> </body> </html>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 LearningEBK JAVA PROGRAMMINGComputer ScienceISBN:9781337671385Author:FARRELLPublisher:CENGAGE LEARNING - CONSIGNMENT
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning
EBK JAVA PROGRAMMING
Computer Science
ISBN:9781337671385
Author:FARRELL
Publisher:CENGAGE LEARNING - CONSIGNMENT