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
Question
Chapter 4, Problem 3AYK
Program Plan Intro
“<img>” tag:
The image tag used to define an image in the web page. The tag “<img>” used to describe the image; it has the following attributes:
- alt – this attribute used to specify the alternative text when the browser cannot support the image.
- border – specify the border width of an image
- height and width – this attributes specify the height and width of the image.
- longdesc – specify the URL that provide detailed description of an image.
- src – mention the source of an image.
The other attributes also used to specific purpose of an image.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solutionStudents have asked these similar questions
Activity 2: HTML Color Table
This Activity's objective is to write the HTML code to display the following table. Feel
free to add more colors.
Den
n
Colour
Show Transcribed Text
1
2
3
4
5
6
7
8
9
10
11
12
13
Salmor
Name
Gold
Some HTML Colors
hexidecimal
Color Table
table, th, td {
border: 1px solid black; }
FA8072
FFD700
RGB value
250-128-114
255-215-0
Dream Car Web Page Form: You need to create a web site in HTML format.
You will create a webpage containing a form that provides users the ability to enter information. Your webpage should contain the following:INPUT tag: type, name, id, placeholder, and value.
The web page will have input fields for the following information:
First Name
Last Name
Date
Address
Favorite Car (text area)
Your webpage should be designed in a logical manner and be well organized.
Please be sure to submit your .html file as a text document for grading. Also, submit a Word document containing a screenshot that shows the set-up of your webpage.
Design HTML Form in javascriptApply the data validation :1. Mobile number field data must be a numeric data and not less than 8 digits,2. The email field must accept the data which must contain the character '@' and dot (.). Andthe character @ must not be the first character and the last dot must at least be onecharacter after the @.On submitting the form, If all these validations are followed, another Html page.
Chapter 4 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
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
- HTML PROJECTarrow_forwardTrue or False The CSS property “margin” defines the space outside the element’s border. Inline style placed inside an html element’s tag takes precedence over an external stylesheet Multiple html elements can share and be styled with the same ID. A single external CSS stylesheet can be used to style multiple HTML documents. The <ul> element is used to create an automatically numbered list. Setting a hyperlink’s target attribute to “_blank” opens the referenced URL in a new tab.arrow_forwardCreate a web page using html Display the design specified here: (Enter the integer entered by the user in the Grade field)arrow_forward
- <!DOCTYPE html><html lang="en"> below is box-styles.css <style> @import url('https://fonts.googleapis.com/css2?family=Rubik+Mono+One&display=swap'); body { font-size: 62.5%; margin: 0;} h1 {font-size:4em;text-align: center;font-family: 'Rubik Mono One', sans-serif;} h3 {font-size: 2em;} p {font-size: 1.5em;} h3, p { margin:0; } .title-padding { padding: 5% 10%; } .body-padding { padding-left: inherit; padding-right: inherit; padding-top: 7%; } .light-shadow { box-shadow: transparent; } .max-width { max-width: 50em;} /* .full-width { } */ .center-element { margin-top:8em; margin-left:inherit; margin-right: inherit; text-align: center; } .round-borders { border:1px solid black; border-radius: 0.25em; font-size: 2em; } .bb { box-sizing: content-box; width:100%; padding: inherit; margin: inherit; } .cb { box-sizing: content-box; } </style>above is the box-styles.css <head> <meta…arrow_forwardHTML: Write a jQuery code to format a phone number as the following example below when you enter them to an online input field. You need also to add a paragraph about the purpose of this code. (xxx) xxx-xxxxarrow_forwardTrue or false: the "id" property should be used to style multiple HTML elements simultaneously. a. false b. truearrow_forward
- body { font-family: Georgia, serif; font-size: 100%; line-height: 175%; margin: 0 15% 0; background-color:rgb(210,220,157); background-image: url("/Users/332bo/Desktop/Week_9_Lab/images/bullseye.png"); /* Rounded Shape image */ background-repeat:round space; background-size: contain; } header { margin-top: 0; padding: 3em 1em 2em 1em; text-align: center; border-radius:4px; background-color:hsl(0, 14%, 95%); background-image: url("/Users/332bo/Desktop/Week_9_Lab/images/purpledot.png"); background-repeat: repeat-x; } a { text-decoration: none; color:rgb(153,51,153); } a: visited { color: hsl(300, 13%, 51%); } a: hover { background-color: #fff; } a:focus { background-color: #fff; } a:active{color:#ff00ff;} h1 { font: bold 1.5em Georgia, serif; text-shadow: 0.1em 0.1em 0.2em gray; color: rgb(153,51,153);} h2 { font-size: 1em; text-transform: uppercase; letter-spacing: 0.5em; text-align: center; color:rgb(204,102,0); }dt { font-weight: bold; } strong { font-style: italic; } ul {…arrow_forwardBased on the following specification, code one webpage using HTML5, CSS and JavaScript. HTML5: Three label elements with IDs lblTarget1, lblTarget2 and lblTarget3 Two buttons with IDs btnA and btnB. Both buttons invoke function fManipulate when clicked JavaScript: Code a function named fManipulate that Accepts one parameter containing an object that represents the clicked button Check to see which of the two buttons invoked this function If fManipulate function was invoked by btnA then change the text color of lblTarget1 to red by using the getElementById method If fManipulate function was invoked by btnB then change the font of ALL three labels by first using the getElementsByTagName method to return a collection of labels then use a for loop to iterate through the collection of labels to change the font of each label to calibriarrow_forwardCreate an HTML page with name yourname&ID.html and include the following: CSCI375 Grades Exam-1 Exam-2| Project Exam-3 | Show the Grades Your Grades: Publishing Date Published on: Change Background Color Instructions for the form: 1. The name or/and id of the third textbox should be named by your first name (for example, name="fadi" id="fadi'). 2. The name or/and id of the fourth textbox should be named by your last www name (for example, name="yamout" id="yamout").arrow_forward
- Links 2 Hyperlinks (links), are text or images you can click on a webpage that jump you to another page. Anytime you use a website, you are using links to get from one page to the next. You can add a link by using the anchor ( a ) tag. In order to make your link work, you need to add an attribute to your a tag. An attribute is extra information added to the inside of the opening tag to make it work properly. They follow this general pattern: For links, you need to add where the link goes using the href (hypertext reference) attribute. All together your link should look something like this: My Other Page Let's try linking to the secondFile.html to see links in action! Task = Add a link to secondFile.html around the "Click me" text in your paragraph, then try clicking on your link!arrow_forwardDraught the markup for a table in HTML that represents the schedule for your next class. The various class times should be listed as column headings in the columns, and the different days of the week should be included as row headers in the rows. The data in the table needs to show both the topic and the name of the instructor. Make sure the table has a suitable caption, which will be shown at the very top of the table.arrow_forwardHands-On Project 1-3In this project, you will explore how to write text to a specific element in your web page in response to theonclick event handler. To complete the exercise, you will apply the following JavaScript expression:document.getElementById('id').innerHTML = 'text';where id is the value of the id attribute for the page element and text is the text of the content to be writteninto the element. You will use this expression to enhance a web form by displaying the message “Thank you foryour order” when the user clicks the Submit button. Figure 1-25 shows the completed web page.Do the following:1. Use your code editor to open project01-03_txt.html from the HandsOnProject_01 folder. Enter your name and the date in the comment section of the document and save it as project01-03.html.2. Scroll down to the bottom of the file and locate the input element for the Submit button.3. Add an onclick event handler to the <input> tag that changes the innerHTML value of the page element…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