HTML tags

• hr

• h1

• h2

• h3

• sup

• sub

• svg style of this component doenst work well in safari and firefox

• table

• thead

• tbody

• tfoot

• td

• th

• tr

• col

• colgroup

• progress

• html

• head

• body

• section

• header

• footer

• optgroup

<label for="dino-select">Choose a dinosaur:</label>
<select id="dino-select">
  <optgroup label="Theropods">
    <option>Tyrannosaurus</option>
    <option>Velociraptor</option>
    <option>Deinonychus</option>
  </optgroup>
  <optgroup label="Sauropods">
    <option>Diplodocus</option>
    <option>Saltasaurus</option>
    <option>Apatosaurus</option>
  </optgroup>
</select>

• figcaption

• code

• picture

<picture>
  <source media="(min-width:650px)" srcset="img_pink_flowers.jpg" />
  <source media="(min-width:465px)" srcset="img_white_flower.jpg" />
  <img src="img_orange_flowers.jpg" alt="Flowers" style="width:auto;" />
</picture>

• source

• option

• strong and em tags provide semantic meaning for screen readers.

<strong>This text is important!</strong> <em>This text is italic.</em>

• bold and italic tags are for visual styling.

<i>This text is italic</i> <b>This text is bold</b>

• select

• ul

• ol

• li

• math

• textarea

• link

This tag can be used only inside head tag and is used for link an external stylesheet.

• kbd

• canvas

• details

• meta

• p

• mark

• audio

• video

• script

• noscript

• button

• dialog

• style

• main

• pre

• q

• img

• datalist

• summary

• title

• nav

• a

• s

• track

• caption

• form

• fieldset

• article

• iframe

• div

• span

• input

• label

• slot

• template

• embed