search

PennyVu / content-to-code

Given a chunk of content, determine the groups & HTML tags—without writing any code.
0 stars 0 forks source link

Solution: Content to code #1

Open PennyVu opened 2 years ago

PennyVu commented 2 years ago

@wendywarren

  1. main - The primary content of the page
  2. h1 - title of the content
  3. time - time when the article was released
  4. p - defines a paragraph
  5. video - video insertion
  6. h2 - a sub heading of h1
  7. p - defines a paragraph
  8. strong - strong emphasize important text
  9. data - analysis/ provides the price of the product
  10. time - the duration of the product
  11. a - a clickable button goes to a new website
  12. h2 - a sub heading of h1
  13. ul - unodered items/names list
  14. li - a single list item
  15. h2 - a sub heading of h1
  16. dl - defines a description list
  17. dt - defines terms/names
  18. dd - describes each term/name
  19. h2 - a sub heading of h1
  20. blockquote - including quote and the person who said it
  21. p - defines a paragraph
  22. doesn't exist
  23. cite - the person who said the quote
  24. h2 - a sub heading of h1
  25. address - provide information of the location
wendywarren commented 2 years ago

Excellent @PennyVu!!

The only thing I'll point out is that #22 was referring to the <footer> to categorize this piece of information as the least important piece of content within the <blockquote>.

I feel this use of <footer> may be a bit too specific and there are debates online about the necessity but I will provide the answer because it was listed on the cheatsheet under <blockquote> example.

<blockquote>
  <p>Dinosaurs may be extinct from the face of the planet, but they are alive and well in our imaginations.</p>
  <footer>— <cite>Steve Miller</cite></footer>
</blockquote>

You did fantastic though! Congrats!

Wendy