lexi

Lexi's Blog

My Article HTML

Elements

At the moment, all of the content is contained in an article tag since it is an article. I used the section tags to break up my main content considering they are just sections. Each section is properly labelled with the topic written within it.

If I decide to revisit the article page, I could consider working with a table of contents or navigation for the sake of jumping from section to section. The only section that I did not label as of now is the “References” section, but I plan on adjusting that in a future revision.

At the bottom of the page is the footer, which contains the author information and what class this article was intended for. It is a small but necessary credit for the page. I did use a br tag (as opposed to a separate p tag) for the sake of aesthetics.

Styling and Experimenting

In terms of the style, I wanted it to be fairly straightforward with it being a one page article being broken up by images per section.

In terms of the aesthetics and CSS, I did want to keep the aesthetics of the metal subculture in mind while working with it while maintaining both style and accessibility. I did use a metal-looking font and some gradients throughout the elements to give off a “sinister” vibe. The biggest challenge was trying to wrangle with the accessibility of the page while working with the metal aesthetic.

article code