Inner Circle • Create an HTML file named innercircle.html for this answer • Create a 300w x 300h white HTML canvas • Draw 100 filled circles where... Circle 1 has radius 1 at position 1,1 and black Circle 2 has radius 2 at position 2,2 and yellow Circle 99 has radius 99 at position 99,99 and black Circle 100 has radius 100 at position 100,100 and yellow Expected output:

Inner Circle • Create an HTML file named innercircle.html for this answer • Create a 300w x 300h white HTML canvas • Draw 100 filled circles where... Circle 1 has radius 1 at position 1,1 and black Circle 2 has radius 2 at position 2,2 and yellow Circle 99 has radius 99 at position 99,99 and black Circle 100 has radius 100 at position 100,100 and yellow Expected output:

New Perspectives on HTML5, CSS3, and JavaScript

6th Edition

ISBN:9781305503922

Author:Patrick M. Carey

Publisher:Patrick M. Carey

Chapter8: Enhancing A Website With Multimedia: Working With Sound, Video, And Animation

Section: Chapter Questions

Problem 11CP1

See similar textbooks

Similar questions

Use the Bootstrap 5.X starter template along with Animate.css and Google Fonts create a single HTML page, use all of Bootstrap’s built-in classes be sure that the document is responsive and includes following: A navigation bar with a hamburger menu on mobile A grid system with at least 3 rows. At least three different configurations in the rows at and above the LG breakpoint, e.g. 1 row has 3 columns, 1 row has 2 columns and 1 row has 4 columns A bootstrap styled card (hint, look at components) that has two buttons of different colors At least 1 animation from Animate.css (link above) At least 1 font, the only CSS allowed is to define the font This bears repeating, do not write any CSS outside of font definitions. Use at least 10 bootstrap different utility classes (note there’s more than just backgrounds). Feel free to use lorem ipsum or placeholder text where appropriate
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. <a href=”https://www.sct.edu.om”><img src=”UTAS.JPG” height”50 px” width ”50 px” alt ”Salalah”></a> b. <a href=”https://www.sct.edu.om”></a><img source=”UTAS.JPG” height=”300 px” width=”300 px” alternate=”Salalah”> c. <a href=”UTAS”><image src=”UTAS.JPG” height width=”50 px” alt=”Salalah”></a> d. <a href=”https://www.sct.edu.om” ><img src=”UTAS.JPG” height=”50 px” width=”50 px” alt=”Salalah”> </a>
What is the difference between jinja HTML templates from HTML files? Choice 1 of 5: A jinja templates cannot be rendered by browsers Choice 2 of 5: Jinja templates only have HTML elements such as <p>, <div>, etc... Choice 3 of 5: Jinja HTML templates cannot be used with Flask Choice 4 of 5: HTML files have programming instructions such as if-statements and for-loops Choice 5 of 5: None of the above
Assume you have the following html code: <html><head> <style> /* Your code goes here */ </style> </head><body><div class="container"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p></div></body></html> Add the following internal CSS styling rules to the code; you may use CSS class selectors as needed: For the div The width is 500px. Set the background color to green and the border should be solid yellow color with 5px thickness. The margin distance from the top is 20px. For the paragraph “p” Set the background color to red, text color to white. The padding for all the directions should be 50px.
Create a web site that will infinitely loop over at least 4 images sequentially displayed in a canvas with a controlled speed slider Use: javascript: setInterval, clearInterval HTML : < input type="range" > , < img >, <canvas>
Write and HTML page to display a simple slot machine: The slot machine has 3 reels. Each reel has the following fruits: Grape Watermelon Orange Peach Lemon Apple Cherry Strawberry Pear Add a <button element with the text "Spin!" on the page When the user clicks the button, pick a random fruit for each reel and display the three fruits in a row as emojis It all three fruits match, output "Winner, winner, chicken dinner!" to a <div> element below the fruits
this is what I have so far please help and please use my code don't just post some random other persons code in and say it's mine becase that does not help me MY html below MY CODE <!DOCTYPE html><html> <head> <title>Contact me</title> </head> <body>  <main>  <nav> <a href="index.html">Home</a> <a href="contact.html">Contact</a> <a href="about.html">About</a> </nav> <h1>Contact ME</h1> <span>photo of me Joe Mc</span> <br> <picture> <source media="(min-width:650px)" srcset="./images/me1-650.jpg"> <source media="(min-width:465px)" srcset="./images/me1-465.jpg"> <img src="./images/me1.jpg" alt="lake" style="width:auto;"> </picture>…
this is what I have so far please help and please use my code don't just post some random other persons code in and say it's mine becase that does not help me MY html below MY CODE <!DOCTYPE html><html> <head> <title>Contact me</title> </head> <body>  <main>  <nav> <a href="index.html">Home</a> <a href="contact.html">Contact</a> <a href="about.html">About</a> </nav> <h1>Contact ME</h1> <span>photo of me Joe Mc</span> <br> <picture> <source media="(min-width:650px)" srcset="./images/me1-650.jpg"> <source media="(min-width:465px)" srcset="./images/me1-465.jpg"> <img src="./images/me1.jpg" alt="lake" style="width:auto;"> </picture>…
Write an HTML code to produce an output as the following: The output should have:1. Title: Lab Exercise Three2. Background color: Lavender3. Border (Size: 2px, Color: Firebrick)Text: CHANCES FOR SUCCESS (Align: Center, Font family: Tahoma, Font size: Heading 2, Font color: Purple)4. Text: Setting goals is the first step in turning the invisible into the visible (Font size: 15px, Font color:Brown)5. Background color: DarksalmonText: Sometimes we’re tested not to show our weakness but to discover (Align: Center, Font family: Century, Font size: 30px, Font color: Ghostwhite, Font format: Italic) OUR STRENGTHS (Font format: Strong)
Create a web site that will infinitely loop over at least 4 images sequentially displayed in a canvas with a controlled speed sliderUse: javascript: setInterval, clearInterval HTML : < input type="range" > , < img >, <canvas> Please label where I can change the images at as well
Create a CSS stylesheet such that the provided HTML (autoloan.html) looks like the following webpage.
How many elements are in the array my_array at the end of the code execution? <!DOCTYPE html> <html> <head> <script> const fruits = ["Banana", "Orange", "Apple" ]; fruits.push("Mango"); fruits.unshift("Guava"); fruits.pop(); </script> </head> <body> <h1>My Web Page</h1> </body> </html> A. 3 B. 4 C. 5 D. 6 E. None of the above