Eric02Carchidi / content-to-code

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

content to code answers #1

Open Eric02Carchidi opened 2 years ago

Eric02Carchidi commented 2 years ago

@wendywarren

Content to code

Covers all the website page

Main title of the website

Eric02Carchidi commented 2 years ago

@wendywarren because of the way I submitted it thought I was pasting actual code.

Content to code answers

body- Covers all the website page h1- Main title of the website time- Displaying a date p- First paragraph video- Video ready to play h2- Subtitle p- Line of type p- Line of type strong- Important information in bold pddD- Number of days href- Link to “buy now” h2- Subtitle ol- This list is alphabetical p- Line of type h2- Subtitle p- Line of type dl- This list shows games to play dd- and has a brief description of the game. h2- Subtitle p- Line of type q- This is a quote from a fan p- Line of type cite- This cites the fan who said the quote h2- Subtitle address- location/address

wendywarren commented 2 years ago

Thanks @Eric02Carchidi!

You weren't the only one to do that so not a problem. This makes it much easier to read. :)

I have just a few corrections for you to review.

1 - would be <main> as it's the primary content for the page.

8 & 9 - were confusing. 8 was referring to the entire line as a <strong> because the whole line was meant to be emphasized with a sense of urgency saying the tickets were on sale for 4 days, buy now! 9 would use <data> for the price.

10 - is using the <time> element. PddD would be the format for the period of days you'd place within the datetime attribute.

13 - the list is <ul> but the list is in alphabetical order so I do see why you decided that but <ol> items display with a preceding marker of either a number or letter. Example: 1.,2.,3., or a., b., c., etc...

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ol

14 - <li> - list item

16 - <dl> - Description list—a grouping of terms and definitions.

17 - <dt> - Description title, the term of the item. Must come before the
.

18 - <dd> - Description definition, the data, or text of the item. Can be multiple <dd> tags underneath one <dt>.

20, 21 & 22 - The <p> and <footer> was nested within a <blockquote>

I hope the tags above make sense once you take another look at the reference pdf. Please don't hesitate to reach out if you have any questions. :)

Thanks, Wendy