This is a heading 1. This is a heading 2 that is green. 2. Your HTML page must be properly formatted with the correct tags. DO NOT FORGET TO CLOSE This paragraph is using italics text. YOUR HTML TAGS! This paragraph is using bold text. 3. Your final HTML file should look exactly like what you see to the right (except with YOUR name). Examine the formatting you see. 4. All paragraphs must utilize the Arial font, 12pt in size and be blue in color. 5. You must utilize CSS as much as possible. 6. When you hover over ANY paragraph, the background color should change to yellow. This is a table Yellow Cell 7. For the Button. This part utilizes HTML DOM and JavaScript. You must configure the button so that when the button is clicked, it changes ONLY the text above it to the color red. I have provided the Green Cell Click the button below to change my text color. Button un to vou to make it work.
Q: this assignemnt wants me to go to Go to the code7-1.html file and within the head section insert a…
A: ANS: - The name of the javascript file is formsubmit.js But the file name used with src attribute in…
Q: Write an HTML code to design a webpage that will display a nested list as shown in the sample output…
A: Html- Code: - <!DOCTYPE html> <html lang="en"> <head> <meta…
Q: Convert inline and internal CSS into External CSS, used in the following (CSSDemo.html) page. After…
A: CSSDemo.html <!DOCTYPE html> <html> <head>…
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: Write the missing HTML and CSS code in the space provided below, for the following HTML file. Please…
A: Code: <!DOCTYPE html> <html> <head> <title>Mid Exam </title> <style…
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: WEB DESIGNING Create another HTML File with AyshaQamar19Arid791NoQ2.html (Add this step screen shot…
A: Code: <! --Opening HTML tag --> <html> <! --Opening Head Tag --> <head>…
Q: Modify the given page “lab9-form.html” so it can be better viewed and used on mobile devices. Make…
A: <!DOCTYPE html> <html lang="en"><head><meta charset="utf-8"…
Q: Add embedded CSS code to this html file so that the display changes as the following picture :…
A: Since I didn't know the exact color names given, I have given different color names. Change colors…
Q: Part 1-Flex The goal of this section is to create a gallery of images using flexbox: Wademe to Plest…
A: Below are the answers for required files:
Q: Write HTML code to print the following. hl and h6 headings. Apply inline CSS of red colour to the h1…
A: To write the headings, apply h1 and h6 tags to the text "Hello Coder". To apply red color to h1…
Q: Write the missing HTML and CSS code in the space provided below, for the following HTML file. Please…
A: HTML code: <!DOCTYPE html> <html> <head> <title>Mid Exam</title>…
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: Add embedded CSS code to this html file so that the display changes as following picture…
A: <!DOCTYPE html><html><head><link rel="stylesheet"…
Q: Write the required HTML and CSS code to create the table as shown below. 1. Single line red border…
A: Html is a hypertext markup language that is used to structure the elements of the web page. Html is…
Q: Create another HTML File with YourNameReqgNoQ2.html (Add this step screen shot too). Also apply…
A: HTML: HTML stands for a hypertext markup language. It is used to create web pages. It is easy to…
Q: Hi all, could you please write a code that links external CSS file to an HTML5 document. The CSS…
A: The CSS and HTML file is provided in the next step. The CSS file includes the formatting of text…
Q: I need to split these into grid.html and grid.css and to make i need help becase right now my style…
A: You only need to perform these changes- 1) make new css file 2) copy the code within…
Q: The script element can be placed anywhere within the HTML document. True or false?
A: Answer: True The script elements can be placed anywhere within the HTML document.
Q: Using Document Object Model (DOM): Modify “src” attribute in the following HTML code, photo1.jpg to…
A: Answer: <script> document.querySelector("h1").innerText = "Hello KSA";
Q: Modify this code. 1-Color (red) stars before everyname. 2-Heading request for white page has same…
A: <!Doctype html> <html> <body> <form> <p align="center"…
Q: You need to create all web pages by using HTML5 and external CSS. Please create shell and I will…
A: abc.html <!DOCTYPE html><html><head> <title></title> <link…
Q: Create the content in attached document as it is in a web page (applying the basic HTML tags). For…
A: STEP 1: Write the following html code in your notepad. STEP 2: Save the file with .html extension…
Q: Fill in the missing HTML tag by dragging the correct HTML tag or attribute or CSS property to the…
A: <html><head><title>Q11</title> <style type="text/css">…
Q: What is the difference between jinja HTML templates from HTML files? Choice 1 of 5: A jinja…
A: Given: What's the difference between HTML files and jinja HTML templates?
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: Part 1- Flex The goal of this section isto create a gallery of images using flexbox: Wakeme to Plet…
A: Answer: HTML Source Code: <!DOCTYPE html> <html lang="en"> <head> <meta…
Q: By using the program below: Kindly Set the background color for the page to "linen" and the…
A: <style> tag is used to used to define CSS for a document.
Q: Fill in the missing HTML tag by dragging the correct HTML tag or attribute or CSS property to the…
A: Answer: <html><head><title>Q11</title> <style type="text/css">…
Q: 1. Create a new folder called "Web11" and extract the image folder into the folder. 2. Open your…
A: Please set following attributes according to your preference since they are not mentioned. width,…
Q: Style to be applied Method 1. Make the first element to have a text color #9b59b6 2. Make all…
A: Solution: CSS style in HTML file 1) make the first <h2> element to have text color #9b59b6 h2{…
Q: Which of the following is (are) FALSE regarding heading styles in Microsoft Word? A) Heading styles…
A: The given statement refers to the heading style properties in Microsoft Word where some of the…
Q: i cant seem to find the problem, im only using notepad. i need to recreate this. this is my…
A: The editing of the following problem is given below.
Q: Using CSS for Page Layouts Aside Articie Title Leam More y0 dc OnineY the Esach ntichng ver adsoa w…
A: Actually, HTML stands for Hyper Text Markup Language.
Q: Question 3 Write HTML codes to create the table below based on the specifications given. Types of…
A: Here I have used CSS inside the style tag, which is placed under the head tag to use embedded…
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: Hi, candidate! The test task consists of three parts: 1. Create 1 email design; 2. Create 2 landing…
A: We talk a lot about how to create effective email campaigns, which contain regular guidelines:…
Q: By using the program below: Kindly Change the color of all elements with the class "colortext", to…
A: Kindly Change the color of all elements with the class "colortext", to "red".
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: This is my footer code for an HTML 5 page (part of my assignment), but the footer doesn't show up.…
A: HTML (hyper text markup language) that is used to make an interactive website that looks good and…
Q: Heading 2 Heading 3 Heading 4 Heading 5 Heading with center tag. (Used Internal CSS for the styling…
A: In the given question we need to generate the following HTML Page using HTML and Internal CSS.
Q: 1. Create HTML file with name nizwafort.html 2. Using internal CSS set the following: a. Common page…
A: Question given: Design a HTML website using CSS for display information about Nizwa Fort.…
Q: Please do in HTML. Thank you! 1. Open your preferred text editor. 2. Create a basic HTML skeleton…
A: Given: Instruction to create an HTML Webpage. Solution is in step 2: NOTE: 4. Add the four folders…
Q: Write the missing HTML and CSS code in the space provided below, for the following HTML file. Please…
A: <!DOCTYPE html> <html><head><title> Quizl </title>…
Q: Videos Utilize the following elements in the body of index.html to create a header for this page: 1…
A:
Q: Create a web Page using href tag having the attribute alink, vlink etc. 2. Create a web page, when…
A: <!DOCTYPE html> <html> <head> <title> HTML body…
Q: You have to design this web page by using basic tags of HTML and Css. imp note: (also incuded in ur…
A: - We have made this website in a way that it is understood by anyone easily.
Q: Open index.html in Google Chrome's device mode and resize the page to the current breakpoint for the…
A: Html and CSS are used to create the web applications. HTML which refers to (the Hypertext Markup…
Q: What are two advantages of using (linking to) an external CSS (Cascading Style Sheet) file as…
A: Hey, since multiple questions posted, we will answer first question according to our policy. If you…
leave
Trending now
This is a popular solution!
Step by step
Solved in 3 steps with 1 images
- 11. Template Creation Create a template to display an HTML page like below. Create a template with 4 columns and 3 rows. You can choose any approach to finish this task. This task only using HTML and CSS, please make sure your code already tested before you submit it. item 1 item 2 item 3 item 4 item 5 item 6 item 7 item 8 item 9 item 10 Body padding is 20px Border color is #e3e3e3 Text color is #727272 Text size is 12px Distance between icon and box is 10px Border radius size is 10px Icon asset image is https://a.m.dana.id/promo/landing-page/default- icon.webpPage 3 will be a separate html file that will have a table containing you're your favorite 4 images. The images need to be sized the same in the table... At end of page you will have a hyperlink to go back to the main page. put image 1 here put image 3 here Go back to my main page Put image 2 here put image 4 hereI need help with creatufb this HTML. Thank you. Create an HTML form that has one input text field for your Fahrenheit degrees Add a hidden field to the form, use this field to indicate the form is submitted Add a submit button to the form Make sure the form posts to the same file in the "action" Add the PHP code for: On load, populate the input text field with some default degree value, like 87 On Submit, or POST, read the input field value submitted and convert the value to a Celcius degree Use the standard formula (X°F − 32) × 5/9 = Y°C (where 5/9 = 0.5556) Display the resulting Celcius degrees Y°C in the page after you calculate the result, along with the rest of the form, so you can submit again another value
- PLEASE MAKE SURE OUTPUT MATCHES IMAGE 1. Quick, Simple and Easy HTML Form a. Prepare to code the HTML for the form area. Begin with a form element that uses the post method and the action attribute to invoke server-side processing. Unless directed otherwise by your instructor, configure the action attribute to send the form data to http://webdevbasics.net/scripts/pacific.php. b. Configure the form control for the First Name information. Create a label element that contains the text “First Name:”. Create a text box named myFName. Use the for attribute to associate the label element with the form control. c. Configure the form control for the Last Name information. Create a label element that contains the text “Last Name:”. Create a text box named myLName. Use the for attribute to associate the label element with the form control. d. Configure the form control for the E-mail information. Create a label element that contains the text “E-mail:”. Create a text box named myEmail. Use the for…Complete the following:• Use your text editor to create the survey.html and survey.css files. Enter your name and the date in each document.• Study the contents of the file screenshot, taking note of the structure, element names, and element ids.• Hints:For Where did you hear about us? You can list Internet, Magazine, Newspaper, Word of Mouth, OtherFor What's your favorite dish? You can list Anitpasto Pizza, Big Kahuna Pizza, BBQ Chicken Pizza, Mediterranean Herb Pizza, Pasta Rolls, Pasto Artichoke Pizza, an so on.For Order type: Carry out, Delivery, Dine in, Take 'n bake, and so on.• The most important part of form design is ensuring that users enter reasonable values in the correct format. The first validation test you should perform is to verify that data has been supplied for all required data fields. To identify those fields that are required (as opposed to those that are optional), add the required attribute to the control. Use form controls' attributes to restrict field values…Question No 01 Consider the following webpage in the screenshot. You are required to provide the solution for the following tasks: 1. Write HTML code for making this webpage 2. Run the code in the browser and provide a screenshot of the output having your VU ID & your Name "XYz" as output. 3. The displayed webpage should have two links "VU Website" and "LMS Student Portal" that will open the VU Website (www.vu.edu.pk) and LMS portal (https://vulms.vu.edu.pk) when clicked. Marks (20) Note: Write the HTML code in the Notepad editor. Save the Notepad file with the name of your VU- ID. Save the file with the .html extension. Double click on the .html file. And take a screenshot of the output. Copy the html code from notepad file and Paste HTML code and the output screenshot in a Microsoft Word file. Without HTML code in word file, assignment will get zero marks. Sample Screenshot: /D:/L%20CS/cs101/assignments/B X file:///D:/1. CS/cs101/assignments/BC0000011111.html Virtual University ofr…
- You need to create all web pages by using HTML5 and external CSS. Please create shell and I will add the images later. Specifically, your website must include the following The homepage: The homepage serves as an introduction to the entire website, where the purpose of this website can be clearly and easily identified by the target audience. The content includes the following HTML elements: the logo image of the OneBook program (PLEASE CREATE THE ELEMENT I WILL ADD THE IMAGE MYSELF) the header element should be consistent on all 4 pages links to the homepage as well as the other 3 pages the nav should be consistent on all 4 pages <h2>: What is OneBook? 1st paragraph <p>: 2nd paragraph <p>: T The front cover of the book Deep Economy <img> You are required to add the following text in the footer section: <header> <nav> <main> <footer> Your homepage must be saved as “index.html”Write an HTML file that creates the following web page. Body: font-family should be Arial First h1: font-family should be Times color should be blueviolet text-transform should be upperletter text-align should be center Second h1: font-family should be sans-serif font-size should be 2em color should be brown text-decoration should be overline In the first paragraph: The “ Web Design” must have a font-size of 2em and it should be strong In the second paragraph: The “development software.” must have letter spaces like 0.5em and it should be strongCreate a page for the solar system with a minimum of 4 paragraphs. You can get the content from Wikipedia, Nasa, or any source you like. Include a link to the original source. Include a table listing: planets, their radius or diameter, their distance from the sun, and their mass. Include a caption. Use TH tags where appropriate Include a border Include a picture of the solar system which is an image map. Each planet in the image should link to a page about that planet Create a page for each of your planets. Include a minimum of 4 paragraphs for each page. Include a link to the original source. Include an image of the planet Include a list of any moons the planet may have.
- Design HTML Form.Apply the data validation as follows: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 (value of theaction attribute of the above HTML page) must be displayed your data is submitted successfully.Create an HTML 5 web page 1, add a background color sky-blue, and name the page, “The Sky Is The Limit”. Add a Heading: LEARNER: Lesson Learned (ALL CAPS), add your full nameand Surname, Student Number, Module Code, Semester, Date, and Year in the text line. Also add a paragraph with a list of 05 positive points and five negative points reflecting on this module CS 101, (good and/or bad). Also, make a suggestion on how to improve. Create another page 2 using HTML 5, add background color to be light gray, insert two text boxes, all should be in the middle, the first one lable it Username and the second one Password, and add the following buttons, Clear and Log-in, add a link named Forgotten Password at the bottom, on a mouse click, a popup message/window saying “ Please contact the administrator for assistance!!! should appear. - Use JavaScript code to make text box 1 (Username) accept only text and text box 2 (Password) to accept a combination of both text and numbers.…Question 21 For the following exercise use inline css only. Create Use a code editor to create a full html page. Include the document type, , and tags. In the body: Create a with four nested elements Show a solid, 2px border on each article Add overflow:auto; where necessary Add a width of 300px to each article and float each article left Add h2 headings to each article. These short headings should introduce the reader to something about San Jose. On the line after the closing h2 tag, add a placeholder image that is 100px wide and 100px tall. After each image add two paragraphs related to the heading. Paragraphs should be three to five sentences long and have meaning - feel free to copy the text from somewhere else but avoid using blah, blah, blah or placeholder ("Lorem ipsum") text. Float the image left. Create a footer - type your name in a paragraph in the footer. Save Save your work - you will needed it for a future exercise. Validate Copy your code Use the "coding" discussion…