Web Development and Design Foundations with HTML5 (8th Edition)
8th Edition
ISBN: 9780134323534
Author: FELKE-MORRIS
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Question
Chapter 9, Problem 1HOE
Program Plan Intro
Program Plan:
- Include the HTML tag using <HTML>.
- Include the header tag using <head>.
- Include the title on the webpage using <title> tag.
- Close the header tag using </head>.
- Open the body of the web page using <body> tag.
- Create a text box of width 30 characters.
- Form action is performed on http://webdevbasics.net/scripts/demo.php with post method.
- Group of radio buttons is used to select the favorite month.
- A select list is included to select a social networking site.
- Fieldset and legend tags are used to put all the related information inside the same field.
- A password field is added.
- An image element is included.
- Close the fieldset tag using </fieldset>.
- Close the form tag using </form>.
- Create a text box of width 30 characters.
- Close the body using </body> tag.
- Include the header tag using <head>.
- Close the file using </html> tag.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solutionStudents have asked these similar questions
Write the HTML and CSS code to produce the following result in browser, use the transparency to show the image transparent as shown in the figure. As we hover the mouse over the image it should clearly be displayed as shown in the figure (the right most).
12-
Write an HTML code to design a webpage that will display a nested list as shown in the sample output given below.
Sample Output:
Deserts in GCC
A. Oman
Wahiba Sands
Bawshar Sands
B. Qatar
Singing Sand Dunes.
Doha Desert
a) For the Heading: “Deserts in GCC ” apply yellow color to the text , with size of 30px, align the text to left, and text must be set to upper case using CSS style. (2 Marks)
b) For the Nested items/list: Using CSS style, apply red color to the text, with size of 20px.
Write the HTML code to output the followings. Do this task as at it given in the image with same format , style ,bold style. everything remain same as given in the image.
Chapter 9 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
Ch. 9.4 - Prob. 1CPCh. 9.4 - Prob. 2CPCh. 9.4 - Prob. 3CPCh. 9.6 - Prob. 1CPCh. 9.6 - Describe the purpose of the access key attribute...Ch. 9.6 - Prob. 3CPCh. 9.8 - Prob. 1CPCh. 9.8 - Prob. 2CPCh. 9 - Prob. 1MCCh. 9 - Prob. 2MC
Ch. 9 - Prob. 3MCCh. 9 - Prob. 4MCCh. 9 - Prob. 5MCCh. 9 - Prob. 6MCCh. 9 - Prob. 7MCCh. 9 - Prob. 8MCCh. 9 - Prob. 9MCCh. 9 - Prob. 10MCCh. 9 - Prob. 11MCCh. 9 - Prob. 12FIBCh. 9 - Prob. 13FIBCh. 9 - Prob. 14FIBCh. 9 - Prob. 15SACh. 9 - Prob. 1AYKCh. 9 - Prob. 2AYKCh. 9 - Prob. 3AYKCh. 9 - Prob. 1HOECh. 9 - Prob. 2HOECh. 9 - Prob. 3HOECh. 9 - Prob. 4HOECh. 9 - Prob. 5HOECh. 9 - Prob. 1WRCh. 9 - Prob. 2WRCh. 9 - Prob. 3WRCh. 9 - Prob. 1FWD
Knowledge Booster
Similar questions
- In your HTML file, please do the following: Add an h1 tag with a class of text-center and add the text of "Lesson 13 Project". Create a div class of container Inside the container, create a div id of test-input Inside the test-input, add the following: input box with an id of isValidInput button with an id of isValidBtn Outside of the test-input, but inside the container, create a paragraph tag with an id of isValidMsg CSS In your stylesheet, please add the following: Set an asterisk with a property of box sizing equal to border box.Set the body with the following properties:set a property of font-family and set it equal to sans-serif.set a minimum height of 100%.set a vertical overflow of hidden.Set a class called text-center and set it to align the text to the center.Create a container class, and add the following properties:set the display property to flexjustify the content to centeralign the items to centerset the height to 100 viewport heightset the flex direction to…arrow_forwardImagine that the HTML file for your web page project includes a div element with the id value “cupcake” and you are writing a function to display and rearrange some images within that element. What JavaScript statement would you place in the blank to move the last image within the ccFrostingelement to the beginning of the line and shift the other images one position toward the end? let frostingFiles = ["pinkFr.jpg", "blueFr.jpg", "chocFr.jpg"] let frostingCount = frostingFiles.length; function frostCupcake() { let cupCake = document.getElementById("cupcake"); let ccFrosting = document.createElement("div"); cupCake.appendChild(ccFrosting); ccFrosting.id = "ccFrosting"; for (let i = 0; i < frostingCount; i++) { let image = document.createElement("img"); image.src = frostingFiles[i]; ccFrosting.appendChild(image); } function shuffleBack() { _____ } } a. ccFrosting.appendChild(ccFrosting.firstElementChild); b.…arrow_forwardWhich 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 specialarrow_forward
- Use the following CSS rule to write a line of HTML code that will display the text “CSC242” in an h1 header and make the text red. .special { color: red; }arrow_forwardCreate a web page with three paragraphs and three buttons. Write code for these buttons by following the instructions given below: When button1 will be clicked, color of first paragraphs should be blue. When button2 will be clicked, color of first two paragraphs should be red. When button3 will be clicked, color of all paragraphs should be green.arrow_forward14- Write an HTML code that will display the “IOT World Today” website inside an Iframe contained within your webpage. The Iframe will have a width and height of 444px and 555px respectively. a) Apply border to the frame by using CSS. The color of the border is RED , size of the border is 25px and style of the border is double . {Assume that the website address of “IOT World Today” https://www.iotworldtoday.com/ }arrow_forward
- PROVIDE JS CODE Write JavaScript code for the following. Provide a text box for the user to enter user name. validate the username for the no. of characters(assume some no. say 10) Provide a SUBMIT button for the validation to happen. In the same page use image and two text boxes for entering the width and height of the image respectively with a RESIZE button below. On clicking the Resize button validate the width and height numbers and on successful validation display the image with the requested width and height.arrow_forwardWrite a Web page, displaying the following text with styles as close to the example as possible, change my hobbbies to your hobbies. Resize all elements, choose a new font sizes by yourself. Provide your source code in full in a readable format.arrow_forwardDesign the following form using html and css code ?arrow_forward
- Create another HTML File with YourNameReqgNoJavaScript.html (Add this step screen shot too). Design the form and show the output as shown below (using table, text fields, buttons, radio buttons and formatting tags). Also define External CSS file and apply CSS to all the Text Fields, Buttons and Lables. Ask User to enter Name, Reg No, Obtain and Total Marks. When User Presses the Calculate Grade Button, then Percentage should be computed and displayed in Text field against percentage label. Finally, based on the Percentage compute the Grade and show in the Grade Text field. Using JavaScript, write code to calculate the percentage and when user clicks the Submit button then following output should be printed in Browser. When User Clicks the Clear button all the field text should be cleared. Also, include the following Checks/Validations Student Name only contain Alphabets, Numeric value can not be entered in this filed Student Name must be atleast 5 Characters in length Marks obt and…arrow_forwardWrite a JavaScript code with the following three different conditions: Create the HTML document containing an <img> element with id="myImage" for any images you want. Use the HTML DOM to get the element with id="myImage". Write a JavaScript function to change the JavaScript src attribute of <img> element from " pet.gif" to " cat.jpg" when clicking on a button. Note: Students can use any gif and jpg files according to their choice.arrow_forwardBy using the program below: Kindly use CSS, Set the text color for the page to "red", and the text color for <h1> to "blue". <!DOCTYPE html> <html> <head> <style> </style> </head> <body> <h1>This is a Heading</h1> <p>This is a paragraph.</p> <p>This is another paragraph.</p> </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 Learning
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning