mmcgreg/content-to-code

Given a chunk of content, determine the groups & HTML tags—without writing any code.

summary	time	deliverables
Given a chunk of content, determine the groups & HTML tags—without writing any code.	1 hour	A GitHub Issue

Content to code

Overview

• Fork & clone this repository.
• Using the two PDFs, determine the most semantically appropriate HTML tag for each numbered content
• There are two PDFs: content-to-code.pdf — Just the plain content, by itself content-to-code-numbered.pdf — A messier version showing each numbered tag
• Submit your HTML tag choices with explanations.

---

Hand in

On GitHub’s website, on your forked repository, create an Issue labeled “Solution”—and tag your teacher.

Inside the content of the Issue write out your tag choices & explanations. Here’s an example:

1. h1 — The most important content
2. abbr — Defines a shortened word
3. p — Some none specific text content
   ⋮

The above is just an example—not the answers.

Don’t forget to tag your teacher!

content-to-code's Issues

Solution

@hellachella 👀 👾

1. main - primary content of the page
2. h1 - Header, most important piece on the page
3. time + datetime tag - Machine readable version of the date/time format
4. paragraph - Generic text
5. video poster="..." - Tag to insert video. Other code can be added on to change how to video interacts with the page and
   the viewer
6. h2 - Content headings. Go down in importance as the numbers go up (as high as 6)
7. p - Paragraph of generic text
8. p - Paragraph of generic text
9. amp (really not sure on this one) - Used to display special type
10. PddD - Period of days
11. href - Link to another page (ex: buy now) on the site
12. h2 - Content headings. Go down in importance as the numbers go up (as high as 6)
13. ol - Ordered List - Dictates that the order of items is important
14. li - Single list item. Should be stacked on top of each other when multiple items are listed
15. h2 - Content headings. Go down in importance as the numbers go up (as high as 6)
16. dl - Description List - Used for terms and definitions
17. dt - Description title, the name of the item in the list
18. dd - Description definition, the text under the dt
19. h2 - Content headings. Go down in importance as the numbers go up (as high as 6)
20. p - Paragraph of generic text
21. q - Small quote within other content
22. p - Paragraph of generic text
23. cite - Citation of source
24. h2 - Content headings. Go down in importance as the numbers go up (as high as 6)
25. address - Indicates and address, made up of breaks to separate the text