Примеры таблиц на HTML и CSS

Простая табличка «Мнемоники и коды Юникода»

Подробнее о создании и оформлении таблиц можно почитать в наших учебниках по HTML и CSS, соответственно, здесь и здесь.

Для начала давайте сверстаем знакомую нам таблицу мнемоник. Аналогичный дизайн имеют и все остальные таблицы на сайте html.okpython.net.

Мнемоники и коды Юникода
Символ Мнемоника 16-ный код Unicode 10-ный код Unicode Описание
< &lt; &#x003C; &#60; меньше
> &gt; &#x003E; &#62; больше
& &amp; &#x0026; &#38; амперсанд
&nbsp; &#x00A0; &#129; неразрывный пробел
&shy; &#x00AD; &#173; мягкий перенос
§ &sect; &#x00A7; &#167; параграф
© &copy; &#x00A9; &#169; знак охраны авторского права
° &deg; &#x00B0; &#176; градусы
&ndash; &#x0096; &#150; среднее тире
&mdash; &#x0097; &#151; длинное тире
± &plusmn; &#x00B1; &#177; плюс-минус