Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

I need help completing the following: Requirements: Use an external style sheet, no internal or inline styles Use an external script file, no inline JavaScript

I need help completing the following:

Requirements:

  • Use an external style sheet, no internal or inline styles
  • Use an external script file, no inline JavaScript
  • HTML & CSS
    • Embed your favorite meme into the HTML document - this could be an animate GIF, video, or other image. Please use standard HTML elements not special embed codes from websites like YouTube or Giphy.
    • Add a

      element that reads "Name Placeholder".

    • Add a

      element that reads "Sentence Placeholder"

    • Use CSS to make this web page reflect the style of you meme. This is up to your interpretation, but I do expect the following as a minimum:
      • At least 4 CSS declarations each for the

        and

      • The elements of the page need to be aligned in an intentional way
      • Padding and margins should be used
  • JavaScript
    • Create 3 variables
      • One string containing the meme name
      • One string containing the reason you like this meme
      • One number containing the year you discovered the meme
    • Concatenate the three variables above into another variable to create a sentence about your meme. The sentence should read as follows: "The first time I saw your meme name was in your year and I like it because your reason." --Remember spacing is important and this should read like a natural sentence, with a period at the end and all.
    • Assign your sentence variable to the text content of your paragraph in the HTML file (hint- use #id's)
    • Assign you meme name variable to the text content of the

      element in your HTML file

    • Comment your JavaScript explaining key steps

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access with AI-Powered Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Students also viewed these Databases questions