Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Coding Dojo - HTML5 Cheat Sheet - Sectioning Content 2
<!-- Headings & Sections: http://www.w3.org/TR/2014/REC-html5-20141028/sections.html#headings-and-sections -->
<section>
<h2>Article List Heading</h2>
<article>
<h3>Article 1 Heading</h3>
<img src="https://pixabay.com/static/uploads/photo/2014/10/14/20/14/library-488677_960_720.jpg" alt="Look at my bookshelf!" height="192" width="250" />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ac lacus ante.</p>
<section>
<h4>Article 1 Subsection Heading</h4>
<p>Praesent scelerisque arcu eu dui molestie tincidunt.</p>
</section>
</article>
<article>
<h3>Article 2 Heading</h3>
<img src="https://pixabay.com/static/uploads/photo/2015/12/05/16/07/book-1078365_960_720.jpg" alt="Old book is old" height="192" width="250" />
<p>Curabitur ornare ex sit amet tortor rhoncus, sit amet imperdiet nisl posuere.</p>
<section>
<h4>Article 2 Subsection Heading</h4>
<p>Nam pretium ultrices mauris sit amet dignissim.</p>
</section>
</article>
</section>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment