- Due: Friday Jan 21 @ 11:59pm
- Weight: 4%
- Replicate a wiki article in codepen
- Familiarize yourself with html text and image tags
- Practice nesting html elements
- Pair Code
- Find a wiki article that interests you on wikipedia
- you will recreate this article using semantic html learned in class
- Create an
<article></article>inside ofmaintags in codepen for your article- the main tag represents the entire ui of wikipedia you do not need to code the rest of the ui. In this case it is just being used as a container.
- Use semantic tags to organize your text
<header></header>for top level heading<section></section>for the article content<footer></footer>for a link to the original article (citation)
- Style content
- text should be responsive (not create horizontal scroll)
- article paragraphs should be a max of
75ch(characters)
- You don't need to include all of the article content, 2 sections is sufficient.
- This is a learning activity to help build skills for the heavier graded assessments. Use it for practice and to get feedback on your work quickly.
- 2pt for submission
- 1pt for using semantic tags
- 1pt for adding css styling
- Create activity in codepen with a partner
- you will each have your own version of it by the end
- export as a zip file (see the bottom right of codepen for the export option)
- Submit your zipped file to brightspace along with a link to your codepen