Részletek a tananyagból, amiket ma tanultam

<figcaption> tag-gel képaláírást készíthetünk.
A <figure> tag  az ábrák “becsomagolására” használt HTML tag.
Pl.

<figure> <img src="http://i.imgur.com/RC2UGg8.jpg" alt="coders"> <figcaption>Learning to code at a Free Code Camp Toronto coffee-and-code.</figcaption> </figure>

Az <article> hasonló célt szolgál a szövegnél, mint a <figure> az ábránál. Ebbe tudod “becsomagolni” a cikk tartalmát, így könnyebben tudod egyben kezelni az egy helyre tartozó dolgokat.

Az <article> és a <figure> is helyettesíthetőek lennének egy <div>tag-gel, de célszerűbb ezeket az úgynevezett szemantikus (semantic) tag-eket használni, mert utalnak a bennük szereplő tartalomra, és megkönnyítik az oldalad gépek általi értelmezését.

A <strong> tag az utolsó bekezdésben a mondandó hangsúlyosságára hívja fel a figyelmet a<strong> (szó szerint fordítva erős, vastag) kiemelés.

A <strong> mellett használatos még az <em> (hangsúlyos – emphasised) kiemelés is. Ha egy gyengénlátó ember felolvasóprogrammal “nézi” a weboldalad, akkor a felolvasóprogram a kiemelt szavakat enyhén hangosabban, nyomatékosabban fogja neki felolvasni. A hagyományos böngészők a <strong> tag tartalmát félkövér, az <em> tag tartalmát dőltbetűkkel jelenítik meg.