3- The user wants to insert an image with the filename: UTAS.JPG with a height and width of 50px and an alternate text “Salalah”. When the image is clicked, it will link to the UTAS-Salalah website. Which of the following HTML code is suitable for the given instructions? a. b. c. d.
Q: Write a simple 'for' loop in javascript. Iterate through numbers 1-10 and print each number to the…
A: The program is written using HTML and Javascript. Please check the source code and output in the…
Q: Based on the following code, write one line JS code that can be placed inside "script" tag to change…
A: In order to change the colour of "Hello World!" to blue, we will fetch the tag by id using the…
Q: Q5. Write full xml file that implements the below layout following below details: Use appropriate…
A: ANSWER:-
Q: Assume your html file contains the following subset of code and already has a link to a javascript…
A: Solution: Given, <p> <label for="comments"> Enter Comments: </label>…
Q: Write an HTML code to design a webpage that will display a nested list as shown in the sample output…
A: I have given an answer in step 2.
Q: Create another HTML File with YourNameReqgNoJavaScript.html (Add this step screen shot too). Design…
A: HTML stands for a hypertext markup language. It is used to create web pages. It is easy to implement…
Q: Your CSS code should correspond to the following requirements: (you are not allowed to use bootstrap…
A: The solution for the above given question is givn below:
Q: Look at following HTML: //code start Item1 Item 2 Item 3 Item 4 //code end How can…
A: In HTML pages, CSS can be applied using: Inline CSS in the particular tag Using internal CSS under…
Q: ss file to html.
A: The code along with screenshot. The note-external css is not given with code as it includes several…
Q: To link an external CSS file with the name of "style.css" we have to add one of the following:…
A: The HTML(HyperText Markup Language) used to create a webpage and CSS(Cascading Style Sheet)used to…
Q: 15) which line(s) has/have an error: Private Sub cmdButton ) line 1 txtBox. ForeColor - Red line 2…
A: Private sub cmdButton() txtBox.ForeColor = Red lblname.Font.Size = 24 txtbox. text= "Hello" End Sub
Q: You have an HTML document in your Flash Disk called MYCV.html and graphic file called MyPhoto.gif.…
A: <html><body> <h3>Gif Link</h3> <p>The gif is a link. Please click on…
Q: I try to download the image that I uploaded in the website using Python Selenium, but I get an error…
A: You can download the image file with src url starting with "blob:http" by
Q: Assume you have the following html code: /* Your code goes here */ Lorem ipsum dolor sit…
A: For given CSS conditions i have added all that styles in HTML and provide output below.
Q: an appropriate HTML code to get the following output: Title: Lab Exercise Five Background color:…
A: <h2> - for heading <table> - to create table <tr> - table row <th> - table…
Q: this is a html file store Home glass mouse snack cart can anyone…
A: HTML CSS and responsive change of code to next page
Q: O Create an HTML file with the following specifications: Header that reads "Some Nice Lists and…
A: I have designed below:
Q: <!DOCTYPE html><html><head><style>p {font-family: arial; font-size: 20px;}…
A: The HTML code to manage the sequence of operations, spending the money to purchase an item and…
Q: 1- Write an html page that contains: a. In the head section, a JavaScript function called Sum().…
A: I have added the comments in the code. As required, the Sum function has been added and the Arial…
Q: Write an HTML code that will display the “IOT World Today” website inside an Iframe contained within…
A: Please give positive ratings for my efforts. Thanks. ANSWER <!DOCTYPE html> <html…
Q: In a HTML5 document, code the followings : Using an onload event, trigger a pop-up window show- ing…
A: Onload Event: The onload attribute fires when an object has been loaded. onload is used within…
Q: In the file example.html in the top left hand pane, you are asked to add two lines of code that will…
A: the answer is given below:-
Q: Use the following CSS rule to write a line of HTML code that will display the text “CSC242” in an h1…
A: Objective: This program uses the following CSS rule within the HTML code to display the text…
Q: In the following CSS ID definition, style1 is a user defined div. Which of the following statements…
A: The correct answer is second part Only ordered lists within the style1 div will be coloured blue
Q: Create another new text file and write the following codes.…
A: Code: MyExternalCSSdemo.html: <html> <head> <link rel="stylesheet"…
Q: To link an external CSS file with the name of "style.css" we have to add one of the followin Select…
A: External style sheets are plain text files containing CSS style formats only. An external file that…
Q: We can insert a page number at .3 a. Header O b. Footer O c.Both AandB O d. None O
A: Ans:) The page number in a word document can be inserted on both header and footer.
Q: 1. Write the JS/JQuery code to accompany the following HTML code, so that when the Delete button is…
A: Index.html <html lang="en"> <head> <meta charset="UTF-8" /> <meta…
Q: To link an external CSS file with the name of "style.css" we have to add one of the following:…
A: To link an external CSS file with the name of "style.css" we have to add one of the
Q: In a HTML5 document, code the followings: • Using an onload event, trigger a pop-up window showing…
A: Since you have posted multiple question, we will solve the first question for you. If you want any…
Q: Here is the HTML file given. Write a validation code for each of the boxes in external javascript…
A: I have implemented the given requirements as per the specification. The code for…
Q: The style sheet and graphics are provided for you. Your job is to write the HTML markup. Complete…
A: According to the question, we have to write a code for the HTML file index.html according to given…
Q: Show Your second picture on the top of this Web Page. Next, in the same Web Page, Write HTML Code to…
A: Note: The solutions of the first three subparts are shown below. Please repost the remaining parts…
Q: A) Set the size of the image to 250 pixels wide and 400 pixels tall. B) Is the following HTML file…
A: A)<img src="img.jpg" width="250px" height="600">
Q: On the index page, add a link that says "Subscribe To Our Marketing List". Clicking the link should…
A: The Program has the following things in it: 1. On the index page, add a link that says "Subscribe To…
Q: Q # 3: Create another HTML File with YourNameReqgNoJavaScript.html (Add this step screen shot too).…
A: HTML File: <!--Opening HTML Tag --> <html> <!--Opening Head Tag --> <head>…
Q: • You must use flex box model. • The page has a background of light blue color. • The container…
A: Here, I uploader index.html and style.css, copy all the code, and run you will get your result.
Q: Using a computer with text editing programs (Notepad, MS Word, etc.), create an HTML document file…
A: The above code can be completed using get element by ID function. This function is defined in…
Q: Write a "javaScript" file that: a. When pressing the Button1, it will calculate and show the summ…
A: 1- In this assignment, I have done HTML, JavaScript, and CSS code. 2- All, three pages are separate,…
Q: Create an HTML that displays the menu items from the XML file. Fruit Bowl$10.90 Caeser…
A: XML: Extensible Markup Language is a markup language and file format for storing, transmitting, and…
Q: With use of HTML and CSS, make a login form that has an email textbox, and a password textbox with a…
A: Hey there, I am writing the required solution based on the above given question. Please do find the…
Q: following statements is true?
A: HTML5 is a markup language utilized for organizing and introducing content on the World Wide Web. It…
Q: There are times as a web developer when you need to interact with different data types and file…
A: <!DOCTYPE html><html><head><style>table, th, td { border: 1px solid…
Q: 3- According to HTML code, which color will be the background color of the paragraph that has text…
A: The class name for the paragraph that has text "Second line" is "f-bg2" All the properties written…
Q: What does the following code do? document.getElementsById("firstLetter").style.fontSize =…
A: if the given statement was document.getElementById("firstLetter").style.fontSize = "18px"; then the…
Q: You must add a canvas. Then ask the user to click ok if he enjoyed 2020 and cancel if he did ne…
A: Canvas is created using <canvas> tag. if-else statement is used in javascript to check if the…
Q: 2- a.Write a css rule that will apply to html element with id section1 and that will give a text…
A: Task : We need to assign a div tag with RBG values with different percentage proportion. Moreover,…
Q: Here is a sample html file with a submit button. Now modify the style of the paragraph text through…
A: According to question sample html file with a submit button. Now modify the style of theparagraph…
3-
The user wants to insert an image with the filename: UTAS.JPG with a height and width of 50px and an alternate text “Salalah”. When the image is clicked, it will link to the UTAS-Salalah website. Which of the following HTML code is suitable for the given instructions?
<a href=”https://www.sct.edu.om”><img src=”UTAS.JPG” height”50 px” width ”50 px” alt ”Salalah”></a>
<a href=”https://www.sct.edu.om”></a><img source=”UTAS.JPG” height=”300 px” width=”300 px” alternate=”Salalah”>
<a href=”UTAS”><image src=”UTAS.JPG” height width=”50 px” alt=”Salalah”></a>
<a href=”https://www.sct.edu.om” ><img src=”UTAS.JPG” height=”50 px” width=”50 px” alt=”Salalah”> </a>
Step by step
Solved in 2 steps with 1 images
- Create an HTML form that works for the following php file. <?php $formEmailAddress = $_POST['email']; //pull email address from the form data $formTopic = $_POST['topic']; //pull topic from the form data echo "<h1>Email $formEmailAddress </h1>"; echo "<h1>Topic $formTopic </h1>"; ?><!doctype html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>contact form response</title><style type="text/css">#container { width: 800px; border: 1px solid black; padding: 10px; margin: 10px auto; }.colorRed { color: #F00;}</style></head> <body><div id="container"> <hr><p> </p> <?php echo "<p class='colorRed'>This page was created by PHP on the server and sent back to your browser. </p>"; //It will create a table and display one set of name value…Create an HTML form to allow the user to enter student names, one at a time, and displays all the names entered in a text area. Each time, the user types a name into a text box, and then presses the ENTER key to add the name in the text box to an array. The array is then sorted in alphabetical order and text area is updated with the new content in the array. Hints: you may use use keypress event. The event handler can take a parameter event. When the Enter key is pressed, the corresponding event.keyCode would be equal to 13.Which code snippet will display an image named myimage.png that will be redirected to index.html when the link is selected. 1) <img href “index.html” src “myimge. Png”> 2) <a href “index.html” src “my imge. Png” /></a> 3) <img href “my image.png”> index,html</a> 4) <a href “my image.png” ><img src “index. html” /></a>
- <!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…Create another HTML File with YourNameReqgNoQ2.html (Add this step screen shot too) which contains the course registration form for the training institute as given below: Course Registration First Name Choose at least two courses Middle Name Python Web Designing Last Name SEO Gender O Male Female E-Commerce CNIC Session Cell No Morning Evening Weekend Email Reset Submit a) Display the content in web browser using HTML elements b) Apply box model on body and the other elements of HTML i.e., 5px equidistance margin and padding so that the display of HTML page is similar across browsers. c) Write JavaScript that reads the value of each input element filled by the user and display the same information on the same HTML page, after the form submissionImagine that an xhtml document contains the following hyperlink tag I am Seven. When the link text (Seven) is clicked, the servlet with the URL pattern /process is called. Rewrite the code to instead use a form that submits to the same servlet to produce the exact same response using hidden form elements for any form parameters. The form should contain a submit button with the button text Seven. The form method should be get (case sensitive answer).
- • Improve your script by plotting the graph of the File Edit View Insert Tools Desktop Window Help polynomíal equation. > Plot the curve in x-y space. > Display the equation on the graph. > Display the location and the value of the roots, if 120 100 there áre any real roots. Hints: 1x-2x-10-0 > Build your plot data as two vectors for x and y 40 values, respectively. > Use text (x, y,str) to display text on the graph. > Use sprintf to generate your strings for text 20 -2.32 4.32 function. > To display a left arrow, use \leftarrow. > You can get axis limits using xlim and ylim.Event Listeners Go to the co_credit.js file in your editor. Create an event listener for the window load event that retrieves the field values attached to the query string of the page’s URL. Add the following to the event listener’s anonymous function: Create the orderData variable that stores the query string text from the URL. Slice the orderData text string to remove the first ? character, replace every occurrence of the + character with a blank space, and decode the URI-encoded characters. Split the orderData variable at every occurrence of a & or = character and store the substrings in the orderFields array variable. Write the following values from the orderFields array into the indicated fields of the order form: orderFields[3] into the modelName field orderFields[5] into the modelQty field orderFields[7] into the orderCost field orderFields[9] into the shippingType field orderFields[13] into the shippingCost field orderFields[15] into the subTotal field orderFields[17]…Q1. POEM Form Using the poem about the days Monday-Sunday below, create a form that will return the relevant line in response to the user's choice of day. For the form it will be good idea to have a drop down list for the days. In order to display the relevant line via PHP; submission could be done to a different php page or a self-calling page could be created. Ps. For submission via JavaScript; on change event "if(this.value != '0') this.form.submit()" could be used. Days of week Poem: Monday is the very first day. On Tuesday my friends come to play. Wednesday the week is half way through On thursday I don't feel so blue On friday I get all excited On Saturday I'm invited to parties On Sunday I need rest.
- JavaScript D3 <script src='https://d3js.org/d3.v7.min.js'></script><script>//Create SVG elementvar svg = d3.select("body").append("svg").attr("width", 400).attr("height", 400).style("border", '1px solid green');//Create and append rectangle elementsvg.append("rect").attr("x", 0).attr("y", 0).attr("width", 200).attr("height", 100).attr("fill", 'pink');//Append circlesvg.append("circle").attr("cx", 250).attr("cy", 50).attr("r", 50);svg.append("ellipse").attr("cx", 250).attr("cy", 50).attr("rx", 150).attr("ry", 50);//Create and append text element into groupsvg.append("text").attr("x", 150).attr("y", 50).attr("stroke", "#fff").text("This is some text!");</script> Build an SVG scene that is created from an external file. You need to create a CSV with information about the shapes. You should include columns in your CSV file for the type of shape (circle, rectangle, ellipse, line), its dimensions and position, and colour. Your program reads the data and creates and…Hands-On Project 1-5Learning to locate and fix errors is an important skill for anyone programming in JavaScript. You have been given a web page containing several errors that need to be fixed. When fixed, the page will display the content shown in Figure 1-27. Do the following:1. Use your code editor to open project01-05_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-05.html.2. In the head section of the document there is a script that declares and initializes the reopenDate variable. There are two errors in this code. Fix both errors.3. Scroll down to the script embedded within the article element. The code contains a total of four errors. Locate and fix the errors.4. Save your changes to the file and then open the file in your web browser. Verify that the page resembles that shown in Figure 1-27. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta…The login.html image is shown below. The simple PHP module shows email and password fields for a user to enter. Analyze the code and identify one issue with the code regarding security. Explain the problem by identifying the line no. and provide the corrected line of code. □2345 1 login.html Login Form 6 7 8 9 Login 10 11 12 13 14 15 16 17 Login HTML Email Address: Password: