Part 1 Advance HTML and CSS

What is the reasoning behind the Don’t Repeat Yourself principle?

• It helps you stay under the HTML file character limit

• HTML files with repeated code will take a very long time to load

• Repeated code makes it harder to read and edit

• It makes a more clean and organized website for the user

What are some ways to cut down on repetitive code in your website?

• Group together multiple selectors with commas

• Strategically plan ahead to make sure the site is coded concisely

• Use a div to style multiple elements

• All of the above

Which of the following selects all p tags with the class alert and makes them red?

• p.alert {

  color: red;

  }

• p {

  .alert {

  color:red;

  }

• .alert p{

  color: red;

  }

• p alert{

  color: red;

  }

How can I select all h1 tags that are immediate children of div tags?

• div h1 {

  ...

  }

• div > h1 {

  ...

  }

• div {

  h1 {

  ...

  }

  }

• .h1 div {

  ...

  }

What is the difference between <span> and <div>?

• <span> is better for styling text, while <div> is better for styling images

• <span> is for styling multiple elements, while <div> is for styling single elements at a time

• <span> is used to group and style inline elements, while <div> creates a line break

• <span> is used to style elements, while <div> is used to embed parts of other websites

What is the function of the div tag?

• To define a section of an HTML page

• To group a block of elements together to format them with CSS

• To efficiently apply the same style to several different elements

• All of the above

Which of the following correctly uses div to style multiple elements the same way?

• <div class="intro">

  <h2>Welcome</h2>

  <p>Hi, welcome to my page.</p>

  </div>

• <div>

  <h2 class="intro">Welcome</h2>

  <p class="intro">Hi, welcome to my page.</p>

  </div>

• <div>

  .intro{

  font-size: 16px;

  font-style: italic;

  }

  <h2>Welcome</h2>

  <p>Hi, welcome to my page.</p>

  </div>

• <h2 div class="intro">Welcome</h2>

  <p div class="intro">Hi, welcome to my page.</p>

What is the function of the div tag?

• To define a section of an HTML page

• To group a block of elements together to format them with CSS

• To efficiently apply the same style to several different elements

• All of the above

Which of the following correctly uses div to style multiple elements the same way?

• <div class="intro">

  <h2>Welcome</h2>

  <p>Hi, welcome to my page.</p>

  </div>

• <div>

  <h2 class="intro">Welcome</h2>

  <p class="intro">Hi, welcome to my page.</p>

  </div>

• <div>

  .intro{

  font-size: 16px;

  font-style: italic;

  }

  <h2>Welcome</h2>

  <p>Hi, welcome to my page.</p>

  </div>

• <h2 div class="intro">Welcome</h2>

  <p div class="intro">Hi, welcome to my page.</p>

What are IFrames?

• Videos uploaded to your website

• Buttons that link to other websites

• HTML pages embedded inside of other HTML pages

• The number of views your website has