In the bottom right corner of the CodePen example, there should be a button that says Fork. Click it. This will make a copy of the code that you can save to your CodePen account.
While anyone can edit or fork a CodePen, you can’t save and share your work without creating a CodePen account. It’s easy and free. The button to do this is in the upper right corner of the CodePen window.
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.
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
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.
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.
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.
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?
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)
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.
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
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
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.
https://codepen.io/kldickenson/pen/rNjwLda
https://codepen.io/jinsbai/pen/NWdgNGb
https://codepen.io/Soltekh/pen/XWVVyam
i love your teaching :) thanks
https://codepen.io/ilanaiguana/pen/ZEKXByb
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
My day 4 response:
https://codepen.io/weberbj/pen/NWdZwmJ?editors=1000
Day- 4 Challenge
https://codepen.io/kajal-28/pen/GRrLYpj
https://codepen.io/steph_pujols/pen/XWpxooK
https://codepen.io/pmmueller/pen/wvgYpWx
A <dfn> around "bromide paper" plus a figurized blockquote with a cited title.
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.
This what I came up with:
https://codepen.io/adamabundis/pen/eYgyEQq
https://codepen.io/dbakhshi/pen/oNBoWyM this challenges are very helpful and the samples are extremely informative and easy to follow the direction.
Here is what I did.
https://codepen.io/brreaves/pen/XWpeYee?editors=1000
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
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)