Верстаем простую табличку

Внимательно изучите код таблицы в таблице стилей, посмотрите видеоурок, после чего верстайте страницу самостоятельно. Кода немного, так что разобраться не составит большого труда. Также обратите внимание, что у таблицы отсутствует заголовок.

Символ Мнемоника Шестнадцатеричный код Unicode Десятичный код 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; плюс-минус

Таблица 1.1. Мнемоники и коды Юникода некоторых символов

Калькулятор перевода целых чисел из одной системы счисления в другую

Сейчас мы оформим только внешний вид калькулятора, использовав HTML и CSS. Для выравнивания полей калькулятора мы используем таблицу, а позже на страничке создания форм сделаем тоже самое, но уже без нее. Функциональностью калькулятор мы снабдим в ходе изучения языков JavaScript и PHP, при чем сверстаем две версии: клиентскую и серверную.

Калькулятор перевода целых чисел A2-36 ⇄ B2-36 
   
🌴

Как видим таблицы можно использовать не только по прямому назначению, но и для разметки страницы. Раньше (в мире древних людей) этот прием применялся повсеместно. Сейчас же вместо табличной верстки используется блочная верстка, в которой применяются в основном элементы 'div' и позиционирование.