jenn-sweet / 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

content-to-code-answers

@hellachella

1-header-it is the start of the web page
2- H1-main heading on page
3- time-it is a date, add date time attribute
4- p basic content
5- video poster=“ “ autoplay loop muted controls it is embedded video
6- h2 sub header
7- p body text
8 & 9- &nbsp keep currency code and amount together
10- strong word is empahsized
11- a it connects to a link for the shop
12- h2 sub header
13- I have no idea what this is pointing to—maybe the main
14- ol, li it is an ordered list and has list item tags around each list ‘word’
15- h2 sub header
16- paragraph break, section, article, something like that
17- h3 sub sub header for list
18- dl dd description list, with definition items
19- h2
20- Paragraph break, section, article, something like that
21- q inline quote
22- paragraph break, section, article, something like that
23-footer cite to reference the person saying the quote
24- h2 sub header
25- footerpbr~~em it is the address, it is at the very bottom and has breaks to keep the address on individual lines, I am assuming there was an em due to the italics