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
Question
Chapter 4, Problem 2WR
Program Plan Intro
Program Plan:
- Include the HTML tag using “<html>”.
- Include the heading tag using “head”.
- Include the title tag using “<title>” with appropriate title.
- Include the Meta tag using “<meta>”.
- Include the style tag using “<style>”.
- Set the style for background of the division.
- Set the opacity as “0.5”.
- Set the filter and color of the divisions.
- Close the style using “</style>”.
- Include the body tag using “<body>” with background color.
- Set the heading using heading “<h1>” tag.
- Set the paragraph tag “<p>” for the purpose of the property.
- Make the unordered list using “<ul>”.
- Set the URL links with anchor tag “<a>” in the list element “<li>”.
- Close the unordered list using “</ul>”.
- Include the division tag using “<div>”.
- Include the description about opacity property.
- Include the table element using “<table>”.
- Include the table row with “<tr>” tag, table heading with “<th>”, and table column with “<td>” for supported browsers and their support.
- Close the tags using “</tr>”, “</th>”, and “</td>”.
- Close the table using “</table>” tag.
- Close the body tag using “</body>”.
- 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
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…
Using HTML, CSS, and JavaScript create a small site that will display a list of 5 small images that can be dragged and dropped into a larger box to display the image larger on the site. The list of images should not disappear after being dropped. In dropbox, the image being dropped should replace the previous image dropped to the box.
In CSS,
Find a font to use on the web. In a short paragraph, explain how you would import this font into your project and use it.
Include the link to the font.
Chapter 4 Solutions
Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
Ch. 4.1 - Prob. 1CPCh. 4.1 - Prob. 2CPCh. 4.1 - Prob. 3CPCh. 4.5 - Prob. 1CPCh. 4.5 - Prob. 2CPCh. 4.5 - Prob. 3CPCh. 4.7 - Prob. 1CPCh. 4.7 - Prob. 2CPCh. 4.7 - Prob. 3CPCh. 4 - Prob. 1MC
Ch. 4 - Prob. 2MCCh. 4 - Prob. 3MCCh. 4 - Prob. 4MCCh. 4 - Prob. 5MCCh. 4 - Prob. 6MCCh. 4 - Prob. 7MCCh. 4 - Prob. 8MCCh. 4 - Prob. 9MCCh. 4 - Prob. 10MCCh. 4 - Prob. 11FIBCh. 4 - Prob. 12FIBCh. 4 - Prob. 13FIBCh. 4 - Prob. 14FIBCh. 4 - Prob. 15FIBCh. 4 - Prob. 1AYKCh. 4 - Prob. 2AYKCh. 4 - Prob. 3AYKCh. 4 - Prob. 1HOECh. 4 - Prob. 2HOECh. 4 - Prob. 3HOECh. 4 - Prob. 4HOECh. 4 - Prob. 5HOECh. 4 - Prob. 6HOECh. 4 - Prob. 7HOECh. 4 - Prob. 8HOECh. 4 - Prob. 9HOECh. 4 - Prob. 10HOECh. 4 - Prob. 1WRCh. 4 - Prob. 2WRCh. 4 - Prob. 1FWD
Knowledge Booster
Similar questions
- In html and CSS Create a mouseOver event function, that will change the colour of an HTML item (ie. a button or a list item) to green, then to black after 5 secondsarrow_forwardUsing HTML and CSS programming languages, create your personal web page which is composed by two pages (Curriculum Vitae and Cover letter) with the following content: The curriculum vitae: - The web page title is your name-cv (example: Abcd-CV) - The web page (body) color code is #A9F5F2 - Heads - Paragraph (the style of the text is justifying) - Two different colors of the text - Image (choose image from the web) - Ordered list - Unordered list -Hyperlink that connect you to the second page (cover letter) The cover letter: - The web page title is your name-cover letter (example: Abcd-cover letter) - Head - Paragraph (the style of the text is justifying) - Two different colors of the text - The web page (body) color code is #F5F6CE - Hyperlink that connect you to the wikipedia page of your native cityRequired to answer. Multi Line Text. please use any data or color, no problemarrow_forwardHTML PROJECTarrow_forward
- Please use html and css: one of the links in your menu will take to another .html page where you will have some images in it. You will have one big image frame, and some small images placed underneath the big frame. Every half second, the image on the big frame will change based on the small images you list down belowarrow_forwardYou may design any web page of your choosing. You must use the following methods to select elements on your webpage and dynamically change one of their style settings: getElementsByTagName() getElementsByClassName() querySelector() querySelectorAll() You must use the following functions to demonstrate creating elements dynamically. These elements must be visible in the web browser. createElement() appendChild() cloneNode() with no children cloned cloneNode() with children cloned insertBefore() You must dynamically remove a node that you added to the original html file. You must dynamically set at least three windows object properties: You must add a button that when clicked calls the window object open function and opens www.amazon.com You must add another button that when clicked calls the window object open function using at least 5 of the options for the open function and opens www.amazon.com You must add another button that when clicked calls the window…arrow_forwardDescribe what is meant by #AABBCC when declared as a colour value in CSS. (Note: Marks are not awarded for any conversion.)arrow_forward
- In javascript Create and design any web page of your choosing. You must use the following methods to select elements on your webpage and dynamically change one of their style settings: getElementsByTagName() getElementsByClassName() querySelector() querySelectorAll() You must use the following functions to demonstrate creating elements dynamically. These elements must be visible in the web browser. createElement() appendChild() cloneNode() with no children cloned cloneNode() with children cloned insertBefore() You must dynamically remove a node that you added to the original html file. You must dynamically set at least three windows object properties: You must add a button that when clicked calls the window object open function and opens a link to another page such as Amazon or CNN. You must add another button that when clicked calls the window object open function using at least 5 of the options for the open function and opens a link to another page such as Amazon or CNN.…arrow_forwardJavaScript 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; }.arrow_forwardExplain the difference between margin and padding in CSS. Write the CSS code that adds a margin of 5 px and a padding of 10 px in all sides of a paragraph tag in htmlarrow_forward
- In html and CSS Create a regular expression that checks for a particular string (string can be either lowercase OR uppercase)arrow_forwardcreate CSS and htmlarrow_forwardA form is created with HTML tags, not JavaScript code, in the <body> section of the HTML file with the <form> tag. True Falsearrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
- Np Ms Office 365/Excel 2016 I NtermedComputer ScienceISBN:9781337508841Author:CareyPublisher:CengageCOMPREHENSIVE MICROSOFT OFFICE 365 EXCEComputer ScienceISBN:9780357392676Author:FREUND, StevenPublisher:CENGAGE LNew Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage Learning
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:9781337508841
Author:Carey
Publisher:Cengage
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning