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. b) For the Nested items/list: Using CSS style, apply red color to the text, with size of 20px.

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. b) For the Nested items/list: Using CSS style, apply red color to the text, with size of 20px.

New Perspectives on HTML5, CSS3, and JavaScript

6th Edition

ISBN:9781305503922

Author:Patrick M. Carey

Publisher:Patrick M. Carey

Chapter1: Getting Started With Html5: Creating A Website For A Food Vendor

Section: Chapter Questions

Problem 2CP3

See similar textbooks

Similar questions

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.
14- 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/ }
Write down complete HTML + CSS + jQuery code to demonstrate following:a) When you double click a button, show 3 boxes with green, red and yellow color with different border styles.b) Demonstrate with complete jQuery code the functionality of text auto completion by showing suggestions for words typed by user in a search bar
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.
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).
Use 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.
Create the following application. Give me the html, css and javascript code.
Write 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.
Write an HTML, CSS & JavaSript codes to produce Contact Form as captured below.Please make sure:1. Header alignment must be centred and colour must be #22AF9E (green). 2. Provide “Food” input box. 3. Provide “Clothes” input box.4. Provide “Health kit” input box. 5. “Calculate” button color is gold and located in the middle 6. “Calculate” button should provide the result of total amount and result of tax exemption eligibility. 7. Result of total amount must be centred and background colour must be green. 8. Result of eligibility to claim for tax-exemption should be shown at the bottom of the totalamount of donation. If total donation is less than RM10, it will show “Not eligible for tax exemption”. Else, it will show “Eligible for tax exemption”.
Write an HTML, CSS & JavaSript codes to produce Contact Form as captured below.Please make sure:1. Header alignment must be centred and colour must be #22AF9E (green). 2. Provide “Food” input box. 3. Provide “Clothes” input box. 4. Provide “Health kit” input box. 5. “Calculate” button color is gold and located in the middle.
Write an HTML, CSS & JavaSript codes to produce Contact Form as captured below.Please make sure:1. Header alignment must be centred and colour must be #22AF9E (green).2. Provide “Food” input box. 3. Provide “Clothes” input box.4. Provide “Health kit” input box. 5. “Calculate” button color is gold and located in the middle6. “Calculate” button should provide the result of total amount and result of tax exemption eligibility.7. Result of total amount must be centred and background colour must be green. 8. Result of eligibility to claim for tax-exemption should be shown at the bottom of the total amount of donation. If total donation is less than RM10, it will show “Not eligible for tax exemption”. Else, it will show “Eligible for tax exemption”. 9. “Proceed” button with dialog box "Thank you for your contribution"
Write a JavaScript code with the following three different conditions: • Create the HTML document containing an 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 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. Important notes: 1. You should have to copy and paste the script as your answer to this question. DON’T take a screenshot for your script. It must be an editable script. 2. Take a screenshot of your output web page and paste it as a part of your answer.