Why is my video so large on my webpage this is the code I used on my html Video
Q: CSS Requirements Create three break points using media queries in at least one style sheet to alter…
A: Answer: index.html: <!DOCTYPE html> <html> <head> <title>Home…
Q: Login and Registration Form in HTML | CodingNepal…
A: create mysql database using node.js in javascript
Q: Home Page Home Contact About Welcome to my (about me)…
A: HTML code:- <!DOCTYPE html><html><head><title>Home…
Q: 1. There are many approaches to sizing text on web pages. In this example, start by putting a stake…
A: Here I set the body font to 100% and the font size of h1 and are: h1 {font-size: 1.5rem} h2{…
Q: There must be at least one Grid layout and one Flex layout on your website Grid style requirements:…
A: The flex CSS shorthand property is the combination of flex-grow, flex-shrink, and flex-basis…
Q: <!DOCTYPE html><html><head><title>Home…
A: HTML stands for a hypertext markup language. It is used for designing static web pages along with…
Q: updaed on 2020-06-19, 6:1645 pm 2020 Sudent Name 1. Complete the top navigation menu links. 2.…
A: <!DOCTYPE html><html><head><!-- Task 1: update Student Name with your name…
Q: how could i change the CSS ,to make the right box ,with the "return "box in the most right corner…
A: Explanation: To make the box on the right-hand float property is used and the value for float…
Q: Separate your style sheets into three /styles/colors.css • /styles/formatting.css •…
A: for code & output check the next steps
Q: Part la- Floats (float-content.html) Implement a drop cap letter in float-content.html. Using…
A: Answer: float-content.html: <!DOCTYPE html> <html lang="en"> <head> <meta…
Q: Part 4 - Positions (positions.html) At the end of this section, you will have a webpage that looks…
A: Code :: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">…
Q: There must be at least one Grid layout and one Flex layout on your website o Grid style…
A: Constructors of GridLayout class GridLayout(): creates a grid layout with one column per component…
Q: Part 3 Adding Rules Add three Content Division elements to index.html o Each Content Division…
A: I attached your answer in below.
Q: Header o this element should be a flex container o this element should be 100% of its parent's width…
A: Below are both the required files HTML and CSS:
Q: index.html: Home Page Home Contact About Welcome to my (about me) site HI there…
A: Create the necessary HTML structure with appropriate class and ID attributes.Separate your CSS…
Q: /* element selector */ replace-me { font-size: 10px; margin: 0;…
A: Here I define style as per html tags defines.
Q: The CSS Requirements Separate your style sheets into three files: o Istyles/colors.css o…
A: color.css: body{ background-color: skyblue; } nav{ background-color: black; } a{…
Q: DOCTYPE html> Part 4 - Positions /* element selector */…
A: It is defined as Hyper Text Markup Language. HTML is the standard markup language for creating Web…
Q: Separate your style sheets into three • /styles/colors.css • /styles/formatting.css •…
A: check step 2
Q: Home Page Home Contact About Welcome to my…
A: Given HTML Code: <!DOCTYPE html><html><head><title>Home…
Q: Part 2 - Relative /* Write your style rules here */
A: HTML , CSS code for the above look of the page
Q: At the end of this section, you will have a webpage that looks and functions like the webpage in the…
A: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta…
Q: Part 2- Relative (relative.html) In this section you will complete relative.html by adding styles…
A: CSS position property is used to set position for an element.
Q: Introduction Use the following cSS requirements to add style cSS Requirements • Link an external…
A: Element selector: Element selectors select all elements by their tag and give the same style to all…
Q: Create an Associative Array for FoodInfo Apply the same method to get the value into the array.…
A: As you have asked for food order information only, I have added the java script for saving and…
Q: CSS Requirements Create three break points using media queries in at least one style sheet to alter…
A: Answer: index.html: <!DOCTYPE html> <html> <head> <title>Home…
Q: CSS Requirements Separate your style sheets into three • /styles/colors.css o /styles/formatting.css…
A: Below are the CSS and HTML files:
Q: Part 2- Relative (relative.html) In this section you will complete relative.html by adding styles…
A: To make the output similar to the output shown in the image I have added CSS of h1 tag to make it…
Q: what I have so far please help with what you can Home Page…
A: The answer is given below.
Q: "> Part 4 - Positions /* element selector */ replace-me {…
A: It is defined as Hyper Text Markup Language. HTML is the standard markup language for creating Web…
Q: 3. add nav, main, and footer elements (... .)
A: In this HTMl added with the Nav element ,Main element , and footer element.
Q: Use the following CSS requirements to add style cSS Requirements Link an external style sheet to…
A: The code for the external CSS file is given below. Also, the output of the code is attached.
Q: Part 4 - Positions /* element selector */ replace-me { font-size:…
A: the code is
Q: Part 1a - Floats /* Write your style rule here */
A: <style> p { line-height: 1em; } span {…
Q: this are some html file landing .html store Home glass mouse snack cart…
A: Making web page using attractive using HTML CSS JS
Q: Improve my HTML and CSS Code to make it look exactly like the picture. Fish Creek Animal Clinic…
A: Step 1: In the HTML page, create the navigation bar at the top using <nav> element. Step 2:…
Q: the html code is like this ---- Gallery zoo zoo zoo Z O O this is zoo…
A: Answer: HTML Source Code: <!DOCTYPE html> <html lang="en" dir="ltr" id="top">…
Q: Q1- Add a Close Link to the Pop Up page : Onclick of the link, the pop-up should disappear.
A: Dear Student, Use <a href="url">link text</a> To add a link in confirm.html page with…
Q: Part 2 - Relative /* Write your style rules here */
A: To make the output same as what in the image I have also added some More CSS like making the h1 tag…
Q: Using HTML and CSS how to make a responsive image need a responsive image inside a column, I am…
A: A responsive image means an image which fits automatically to its screen size. Multiple ways are…
Q: what I have so far please help with what you can Home Page *{ margin: 0;…
A: The answer is given below.
Q: -8"> Part 1a - Floats</t
A: Q. <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">…
Q: I need help with making the changes needed in the image I have provided the code this is what I have…
A: The question pertains to the application of CSS animations on a set of HTML elements, specifically…
Q: The CSS Requirements Separate your style sheets into three files: o Istyles/colors.css o…
A: color.css: body{ background-color: skyblue; } nav{ background-color: black; } a{…
Q: 14 Data structure is the basic unit of data.
A: to determine whether the given statement is true or false:
Q: hat I have so far About me Josiah McSweeney
A: <!DOCTYPE html><html><head> <link rel="stylesheet"…
Q: Part 2- Relative (relative.html) In this section you will complete relative.html by adding styles…
A: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">…
Q: CSS Requirements Separate your style sheets into three • /styles/colors.css • /styles/formatting.css…
A: Below are the required CSS requirements:
Q: Part 4 - Positions (positions.html) At the end of this section, you will have a webpage that looks…
A: Code for the question is given below :: Input code ::: <!DOCTYPE html> <html…
Q: I have so far please help with what you can Home Page *{ margin: 0;…
A: It is defined as Hyper Text Markup Language. HTML is the standard markup language for creating Web…
Why is my video so large on my webpage
this is the code I used on my html
Step by step
Solved in 3 steps
- what I have so far please help with what you can <!DOCTYPE html><html> <head> <title>Home Page</title> <link rel="stylesheet" type="text/css" href="./styles/colors1.css"> </head> <body> <!--Added main tag--> <main> <!--Added nav tag--> <nav> <a href="index.html">Home</a> <a href="contact.html">Contact</a> <a href="about.html">About</a> </nav> <h1>Welcome to my (about me) site</h1> <picture> <source media="(min-width:650px)" srcset="./images/me3-650.jpg"> <source media="(min-width:465px)" srcset="./images/me3-465.jpg"> <img src="./images/me3.JPG" alt="ME" style="width:auto;"> </picture> <h3>HI there this is one of my favorite songs down below.</h3> <iframe…I need help with making the changes needed in the image I have provided the code this is what I have so far Below please help<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>homework 14</title></head><body> <div> <h2>Sticky Note Board</h2> <div class="sticky-board"> <div style="display: relative;"> <div class="sticky-note" id="first"> <div class="sticky-note-title"> Transforms </div> <div class="sticky-note-body">CSS transforms change the shape and position of the affected content without disrupting the normal document flow.</div> </div> </div> <div class="sticky-note" id="second"> <div…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 strong
- <?xml version="1.0" encoding ="UTF-8"?><AUCTIONBLOCK><ITEM><TITLE>Vase and Stones</TITLE><ARTIST>Linda Mann</ARTIST><DIMENSIONS>20x30 inches</DIMENSIONS><MATERIALS>Oil</MATERIALS><YEAR>1996</YEAR><DESCRIPTION/><PREVIEW-SMALL SRC="images/burl-s.jpg" WIDTH="300" HEIGHT="194" ALT="Vase and Stones"><!--The small image--></PREVIEW-SMALL><PREVIEW-LARGE SRC="images/burl.jpg" WIDTH="640" HEIGHT="413" ALT="Vase and Stones"/><BIDS><BID><PRICE>3300</PRICE><TIME>9:19:32 AM</TIME><BIDDER>John</BIDDER><TIMESTAMP>1315</TIMESTAMP></BID><BID><PRICE>3200</PRICE><TIME>8:18:31 AM</TIME><BIDDER>Andrew</BIDDER><TIMESTAMP>1308</TIMESTAMP></BID><BID><PRICE>3100</PRICE><TIME>2:48:08…html: <!DOCTYPE html> <html lang="en"> <head> <metacharset="UTF-8"> <metaname="viewport"content="width=device-width, initial-scale=1.0"> <linkrel="stylesheet"href="all.css"> <title>dlasl shop</title> </head> <body> <hr> <sectionclass="container-1"> <h2>.:: 1111111 ::.</h2> <tableclass="product1"> <tr> <td><imgclass="items"src="images/1/1 (1).jpg"alt=item1"></td> <td><imgclass="items"src="images/1/1 (2).jpg"alt="item 2"></td> <td><imgclass="items"src="images/1/1 (3).jpg"alt="item3"></td> </tr> <trclass="td-name"> <td>shelf 1</td> <td>shelf 1</td> <td>shelf 1</td> </tr> <trclass="td-desc"> <td>qwe</td> <td>rte</td> <td>zxcw</td> </tr> <trclass="td-desc">…<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Part 1a - Floats</title> <style> /* Write your style rule here */ </style></head><body> <!-- Write your HTML here --></body></html>
- what I have so far <!DOCTYPE html><html><head><link rel="stylesheet" href="mystyle.css"><title>About me</title></head><body> <h1>Josiah McSweeney</h1> <div ><div><h2>A bit about me</h2></div> <p>I'm a very open individual I like to chat maybe a little too much I love working with technology which is probably one of the biggest reasons why I'm here now and something that you may need to know about me is I have dysgraphia which is a medical condition and it makes it so I'm unable to write anything down on paper/write anything that could be read on paper</p> <p>Some other things to know about me are but I am very meticulous about any and all of my work but I'm not sure if this is because I'm responsible or because of my anxiety disorder which causes me to not forget about anything I really am not sure about this but I'm going to take it as is</p> <div><h2>Stuff I…what I have so far please help with what you can <!DOCTYPE html><html> <head> <title>Home Page</title> <link rel="stylesheet" type="text/css" href="./styles/colors1.css"> </head> <body> <!--Added main tag--> <main> <!--Added nav tag--> <nav> <a href="index.html">Home</a> <a href="contact.html">Contact</a> <a href="about.html">About</a> </nav> <h1>Welcome to my (about me) site</h1> <picture> <source media="(min-width:650px)" srcset="./images/me3-650.jpg"> <source media="(min-width:465px)" srcset="./images/me3-465.jpg"> <img src="./images/me3.JPG" alt="ME" style="width:auto;"> </picture> <h3>HI there this is one of my favorite songs down below.</h3> <iframe…Given:<html> <head> <style> a span { color : red; } </style> </head> <body> <p><span>Information</span></p> <p>Technology</p> <span>Program</span> </body></html>
- <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Part 4 - Positions</title> <style> /* element selector */ replace-me { font-size: 10px; margin: 0; background-color:#414046; } /* class selector */ .replace-me { position: fixed; left: 4em; top: 0; background-color: white; width: 4em; height: 100vh; } /* class selector */ .replace-me { position: fixed; right: 4em; top: 0; background-color: white; width: 4em; height: 100vh; } /* class selector */ .replace-me { position: fixed; right: 0; top: 0;…<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Part 2 - Relative</title> <style> /* Write your style rules here */ </style></head><body> <!-- Write your HTML here --></body></html><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Part 1b - Floats</title> <style> /* Finish this rule */ img:nth-of-type(1) { } /* Finish this rule */ img:nth-of-type(2) { } /* don't modify this rule */ p { font-size: 1.25em; text-align: center; } </style></head><body> <img src="https://via.placeholder.com/150"> <img src="https://via.placeholder.com/150"> <p> Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut…
