Уроки по HTML и CSS для новичков.



Если вы думаете, что научиться строить сайт трудно - это не так. Ничего невозможного нет.

Начинать необходимо с изучения HTML. И только после этого CSS.

Изучая эти уроки, вы познакомитесь с основными тегами HTML (языком разметки гипертекста). Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками — тегами. Чтобы текст красиво смотрелся в браузере, применяют такие атрибуты как заголовок, абзац, перенос строки и т.д.

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

Списки очень часто используется в процессе создание сайтов. Иногда приходится печатать перечень документов, предметов. Чтобы документ имел деловой вид, чтобы определить строгий порядок в нумерации статей, показать подчинённость мелких абзацев более крупным.

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

Формы дают возможность пользователям вводить информацию. Вам наверно, не раз встречались всевозможные тесты, опросы, голосования. Для того, чтобы все это сделать на своих web-страницах и нужны формы.



CSS (Cascading Style Sheets) - каскадные таблицы стилей.

Стиль - набор параметров, задающий внешнее представление объекта. Например, пусть мы хотим, чтобы все заголовки первого уровня на одной странице имели красный цвет, размер - 24 и были написаны курсивом, а на другой странице были бы синего цвета, размера - 12. Наш заголовок - это объект, а цвет, размер и начертание - это параметры. Просто параметры нашего объекта для разных страниц разные, т.е. они отличаются стилем.

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



Дерзайте и все у вас получится!


HTML для начинающих

CSS для начинающих

Урок 1 Создание структуры сайта Урок 1 CSS (Каскадные таблицы стилей)
Урок 2 Элементы и атрибуты тега BODY Урок 2 Cелекторы CSS и правила
Урок 3 Форматировании текста в HTML Урок 3 Псевдоэлементы и псевдоклассы
Урок 4 Форматировании текста в HTML 2 Урок 4 Цвет и фон в CSS
Урок 5 HTML-теги для текста. Урок 5 Шрифты в CSS.
Урок 6 Специальные символы и коды HTML Урок 6 Текст в CSS.
Урок 7 HTML ссылки Урок 7 Списки в CSS
Урок 8 Создание списков Урок 8 Ссылки в CSS
Урок 9 Изображения на сайт Урок 9 Блоки в CSS
Урок 10 Создаем таблицы. Урок 10 Свойство BORDER в CSS
Урок 11 Сложные таблицы. Урок 11 Поля (margin) и отступы (padding)
Урок 12 Формы на сайте. Урок 12 Разница между padding и margin.
Урок 13 Формы на сайте (продолжение). Урок 13 Высота(height) и ширина(width) блоков
Урок 14 Позиционирование блоков.
Урок 15 Плавающие блоки
Урок 16 Слои в CSS. Координата Z
Урок 17 Атрибуты cellpadding и cellspacing