Учебник по HTML и CSS

Типы тегов

Документ
Звук
Изображения
Объекты
Скрипты
Списки
Ссылки
Таблица
Текст
Форматирование
Формы
Фреймы

Категории CSS

Цвет и фон
Границы
Шрифт
Текст
Списки
Форматирование
Позиционирование
Отступы
Поля
Таблицы
Интерфейс
Важность
Псевдоэлементы

Статьи

Основы HTML
Текст
Изображения
Ссылки
Списки
Таблицы
Формы
Фреймы
Основы CSS
Рецепты CSS
Оформление таблиц
Основы верстки
Табличная верстка
Верстка с помощью слоев
Использование слоев
Примеры верстки слоями

Полезные советы

Цвет
Текст
Ссылки
Списки
Изображения
Сайт
Поля и отступы
Слои
Формы
Таблицы

Учебник по HTML и CSS

Любой человек, который планирует создать современный сайт, должен представлять себе, как работают две технологии: HTML и CSS. В первую очередь, важно запомнить, что сначала в интернете использовался лишь HTML — язык, отвечающий за разметку документов. Именно благодаря его возможностям и возник современный Интернет как таковой. С помощью HTML можно создавать веб-страницы, форматировать на них текст, добавлять к нему иллюстрации и ссылаться на другие файлы, в том числе и иные HTML-документы. Описание основных возможностей по программированию на html и css описаны в этом онлайн учебнике.

Основы HTML

Код HTML состоит из тегов, которые бывают открывающими и закрывающими, что позволяет веб-браузеру правильно отображать заключенные в них элементы. Благодаря атрибутам, добавляемым к тегам, можно добиться визуального изменения отображаемых элементов, например, сделав их другого цвета и размера.

Проблемой использования средств HTML на практике стала их громоздкость. Пользователи требовали, чтобы сайты были оформлены как можно приятнее и удобнее для просмотра, что привело к появлению новых тегов, поддерживаемых не всеми браузерами, и увеличения числа атрибутов, одним своим объемом раздувавших размер HTML-документов. Более того, проблематично стало сделать весь сайт, состоящий, к примеру, из сотни страниц, придерживаясь одного и того же оформления. В случае необходимости смены стиля приходилось вносить изменения во все документы.

Стили CSS

Использование CSS, каскадных таблиц стилей, позволило более удобным способом справляться с вопросами оформления множества веб-страниц. Возможности CSS-стилей гораздо выше, чем у HTML-разметки, в первую очередь, благодаря хорошо настраиваемым отступам, полям и шрифтам, что очень важно для создания удобных для чтения веб-сайтов. То, что было неудобно делать в HTML, стало возможно при помощи специальных CSS-стилей.

Взаимодействие HTML и CSS

HTML и CSS в современном веб-дизайне тесно связаны. Многие предпочитают делать каркас страниц без указания атрибутов оформления средствами HTML, после чего подключают ко всем таким документам на сайте один CSS-стиль, расположенный в отдельном файле, что существенно упрощает работу с оформлением. Изменить один файл гораздо проще, чем внести правки в десятки или сотни страниц. Еще одним большим плюсом совместного использования HTML и CSS становится удобство чтения и редактирования исходного кода разметки документа. Сокращение исходного кода приводит к тому, что HTML-документы получаются гораздо меньшего размера, что позволяет оптимизировать современные сайты даже для чтения с мобильных устройств, с их более медленным соединением. CSS при таком использовании помогает обойтись без отдельной, мобильной версии сайта, просто указывая, как изменяется ширина и размер отдельных блоков и элементов при уменьшении размера экрана устройства.





Учебник по HTML и CSS | Обратная связь Рейтинг@Mail.ru
Веб Студия Webiskra мы создаем успех