53 Comments
Apr 6, 2021Liked by Jen Kramer, Erika Lee

https://codepen.io/vrenee26/pen/bGgRWEw

For this exercise I placed the text in a <blockquote> tag with 'bromide paper' in a <dfn> tag. The citation is outside of the <blockquote> in a <p> tag with the Book title in a <cite> tag and the HTML link reference is within an <a> tag.

Expand full comment
Apr 5, 2021Liked by Jen Kramer, Erika Lee

A bit behind and there excused the inline styling ;) used the figure/blockquote approach from earlier, this time linking to the original work from the cite attribute and tag. Most odd thing may be the question mark separated from the definition tag. And as browser style sheet italicizes the definition, I had to italicize the question mark as well, because kerning. Would probably not use inline markup for styling in real life, but that's not today's topic. https://codepen.io/oldrup/pen/ExZXdRG

Expand full comment
Apr 5, 2021Liked by Jen Kramer, Erika Lee

I thought that the quote would be in a blockquote and then the citation would not be a part of the blockquote. I was not sure if I should use a footer as others have done but I did not think of that before looking here so I kept mine as is.

https://codepen.io/scloteau/pen/QWdgdxY?editors=1000

Expand full comment
Apr 4, 2021Liked by Jen Kramer, Erika Lee

https://codepen.io/jarchaff/pen/ExZXgdQ?editors=1000

I put all of the information inside of a blockquote, since it's a short passage from a book. Since bromide paper is the thing being defined, I put that inside the <dfn> tag. I separated the actual definition of the item for readability's sake, but am not sure if that is bad practice. Like with yesterday's challenge, I made the title of the item into a hyperlink with the URL from the end of the content. Originally, I had the author's name in the <cite> tag, but it looked off.

Expand full comment
Apr 4, 2021Liked by Jen Kramer, Erika Lee
Apr 4, 2021Liked by Jen Kramer, Erika Lee
Jul 22, 2021Liked by Jen Kramer

i love your teaching :) thanks

Expand full comment
Jul 22, 2021Liked by Jen Kramer

The definition is in the parent paragraph so I took a cue from example 1 for this, all inside a blockquote element including a cite tag and link to the source material.

https://codepen.io/gipsi/pen/WNpKNvN

Expand full comment
May 4, 2021Liked by Jen Kramer

My day 4 response:

https://codepen.io/weberbj/pen/NWdZwmJ?editors=1000

Expand full comment
Apr 28, 2021Liked by Jen Kramer

Day- 4 Challenge

https://codepen.io/kajal-28/pen/GRrLYpj

Expand full comment
Apr 21, 2021Liked by Jen Kramer
Apr 20, 2021Liked by Jen Kramer

https://codepen.io/pmmueller/pen/wvgYpWx

A <dfn> around "bromide paper" plus a figurized blockquote with a cited title.

Expand full comment

My answer: https://codepen.io/romola/pen/VwPXKxY?editors=1000

I know this could be better, especially if I look at what others have done. I am just aiming to keep going in spite of lost time.

Expand full comment
Apr 10, 2021Liked by Jen Kramer

This what I came up with:

https://codepen.io/adamabundis/pen/eYgyEQq

Expand full comment
Apr 8, 2021Liked by Jen Kramer

https://codepen.io/dbakhshi/pen/oNBoWyM this challenges are very helpful and the samples are extremely informative and easy to follow the direction.

Expand full comment
Apr 7, 2021Liked by Jen Kramer

Here is what I did.

https://codepen.io/brreaves/pen/XWpeYee?editors=1000

Expand full comment
Apr 7, 2021Liked by Jen Kramer

I’m going to catch up today. Read the email yesterday but couldn’t get into the codepen. So here it is. Not sure again if I miss something. I wonder how useful can be the <dfn> Element?

https://codepen.io/athelas85/pen/ZELXvxG

Expand full comment
Apr 6, 2021Liked by Jen Kramer

Also running a bit behind like Bjarne :) I read all the other comments while marking up the HTML so I hope I didn't miss anything! https://codepen.io/hleffler/pen/YzNxzgx (please tell me it's perfect)

Expand full comment
deletedApr 9, 2021Liked by Jen Kramer
Comment deleted
Expand full comment
deletedApr 4, 2021Liked by Jen Kramer
Comment deleted
Expand full comment