Подорожуючи по просторах Всесвітньої павутини, ви змогли помітити, як різняться між собою оформлення і можливості веб-сторінок. Але не кожен з вас знає, що все це різноманітність реалізовано на основі мови HTML.
Будь WWW-документ може містити стилізований і форматований текст, графіку і гіперзв'язку з різними ресурсами Інтернет. Щоб реалізувати всі ці можливості, була розроблена спеціальна мова опису WWW-документів, названий HyperText Markup Language (HTML), тобто, Мова Розмітки Гіпертексту.
Опис Web-сторінки на мові HTML являє собою набір інструкцій, що інтерпретується програмою-браузером.
Документ, написаний на HTML, являє собою текстовий файл, що містить власне текст, несучий інформацію читачеві, і теги розмітки (markup tags). Теги - це певні стандартом HTML, послідовності символів, є інструкціями для браузера.
Згідно з цими інструкціями програма розташовує текст на екрані, включає в нього малюнки, що зберігаються в окремих графічних файлах, і формує з іншими документами або ресурсами Інтернет. Таким чином, файл на мові HTML набуває вигляд Web-документа тільки тоді, коли він інтерпретується браузером.
Однак, в стандартній мові HTML є один істотний недолік. Наприклад, для того щоб описати розмітку абзаців в контенті і їх оформлення, необхідно описувати ці властивості для кожного абзацу, навіть якщо на одній сторінці знаходиться 10 або 20 абзаців. А, уявіть, що на сайті може бути 100 сторінок. У підсумку потрібно двадцять чи двісті разів вставити той же шматок HTML-коду в сторінку, збільшуючи розмір файлу.
А яка головний біль для програмістів! Для полегшення життя бідним веб-майстрам, були придумані Cascading Style Sheets (CSS) - каскадні таблиці стилів.
CSS діє іншим, більш зручним і економічним способом. Для оформлення абзаців в контенті сайту один раз прописується код або стиль оформлення. Цей код або опис стилю, зберігається в окремому файлі. Далі потрібно тільки за допомогою HTML розмітити текст на абзаци, а вже CSS подбає про їх оформленні. Код зменшується в десятки і сотні разів.
Розміщення опису стилів в окремому файлі дуже зручно, особливо якщо на сайті більше однієї сторінки. Наприклад, щоб змінити оформлення всіх абзаців на сайті, досить змінити код в таблиці стилів.
CSS спільно з HTML, дозволяють творити чудеса, і все завдяки розподілу праці по створенню веб-сторінок. Розмітка елементів сторінок проводиться на основі HTML, а візуальне оформлення елементів надається за допомогою таблиць CSS
Таблиці стилів CSS - спроба відокремити деталі дизайну сторінки від її структури і змісту.
Поки це для вас китайська грамота. А я не буду вдавати з себе гуру і писати черговий самовчитель «Що таке HTML і CSS». Подібної інформації ви знайдете в інтернеті цілий вагон, плюс до цього безліч виданих підручників. Захочете заглибитися в тему - прапор вам у руки. Не бійтеся, HTML і CSS дуже прості, і освоїти їх може будь-який чайник. Але поспішати з цим поки не варто.
З власного досвіду знаю, що краще не перевантажувати мозок чайника зайвою інформацією, інакше він, тобто мозок, скипить завчасно. Не вірте розумникам на різних сайтах, які стверджують, що створення сайту необхідно починати з вивчення HTML і CSS. У мене для вас хороша новина - вам не доведеться писати самим HTML-код, тому що розумні люди придумали CMS.