В основу разработки практически любого графического пользовательского интерфейса (GUI — Graphical User Interface) положены три метафоры: «рабочий стол», «работаешь с тем, что видишь», «видишь, что получил». Метафора «рабочий стол», в частности, означает следующее. Для человека, сидящего за рабочим столом, доступны как определенные источники информации, так и средства обработки этой информации. При этом на рабочем столе могут находиться документы, представленные в различной форме: текст, таблицы, графики, рисунки и т.д., относящиеся либо к различным задачам, либо к разным аспектам одной и той же задачи.
Главное отличие этих двух тегов — один из них <span> является строчным элементом, а другой <div> — блочным. Это означает, что с тега <div> можно часть информации (текст, картинки и так далее) выделить в отдельный блок и задать ему определенные свойства стилей. Блок <div> всегда имеет отступы: перед <div> и после </div>. А с тега <span> можно выделить строку, слово или отдельную букву внутри других тегов, а потом задать отдельный стиль для выделенного текста. Причем для <span> нельзя задать атрибуты ширины и высоты, так же как и для любого другого строчного элемента.
4096 бит / 8 = 512 байт
512 байт / 1024 = 0,5 Кбайт