Uмоооохэээ хотела прислать личным сообщением, но, кажется, тут такое нельзя.
Короче вот, что я успела накатать про основы, пока не решила, что это не так коротко)
Хотите - читайте, не хотите - не читайте, буков много)
Надеюсь, что, может, все-таки пригодится)
Html:
Html состоит из элементов с содержанием. Иногда к ним внутри html-кода приписываются стилевые свойства, но это лучше делать в css.
Элементы - это теги. Например, тег <div>, самый распространенный, - это просто прямоугольник, в который можно что угодно вписать и как угодно оформить. Есть еще более спецефические теги, как, например, <h1> - это тег заголовка, и у него изначально есть заданные стилевые свойства (которые, однако,можно поменять и самому).
Так как элементам надо знать, где они начинаются, а где заканчиваютя, теги надо закрывать. Открывающий тег выглядит так: <название_тега>, а закрывающий так: </название_тега> Например, прямоугольник с текстом "привет" выглядит так: <div>привет</div>.
Помимо них есть еще и самодостаточные элементы, которые ничего не оборачивают, в них нельзя поместить внутри ничего (можно только добавить стилевые свойства типа рамки). Самый распространенный из них - это <img>, элемент-картинка. И <br>, например - тоже такой элемент. Вся функциональность <br> состоит только в том, чтобы перенести строку и все.
Чтобы задать элементам параметры к ним приписывают атрибуты, которым задают значения. Это происходит по такой схеме:
<div class="lalala" id="paparam">
Где div - это элемент, class - это важный атрибут, который нужен для последующей задачи стиля при помощи css, id - тоже важный атрибут, который часто бывает необходим для обработки элементов при помощи Javascript, Php и т. д.; id можно пользоваться и в css, но не особо рекомендуется. "lalala" - это значение атрибута, в данном случае - произвольное название, которые вы задаете атрибутам, чтобы потом с ними работать. Значение атрибута может быть как произовльным названием, так и установленным параметом. Например, у <article class="abc" width="500px"> есть придуманное вами название класса "abc", а заданная ширина в 100 пискелей записана по установленным правилам. (ширина - это стилевое свойство, его не рекомендуются так вписывать)
Весь список возможных элементов можно посмотреть, например, здесь:
http://htmlbook.ru/html
CSS:
CSS файл может только установить стилевые свойства элементов. Это всегда происходит по такой системе:
обозначение_элемента{
название_стилевого_свойства: значение_стилевого_свойства;
название_стилевого_свойства: значение_стилевого_свойства;
}
Проще всего обозначить элемент при помощи заданного нами в html класса, и для этого перед названием класса пишется точка, например:
.abc {width: 500px}
Подробнее про все типы обозначения элемента написано здесь:
http://www.w3schools.com/cssref/css_selectors.asp
Весь список возможных стилевых свойств можно посмотреть, например, здесь: htmlbook.ru/css
Пробелы и переносы строк в html и css в основном игнорируются, но не всегда. Нельзя писать лишние пробелы, например, при задании единиц измерения: "50 %" обработается неправильно, а "50%" - правильно.
Как правильно называется и записывается структура:
html: <тег атрибут="значиение" атрибут="значиение" атрибут="значиение"></тег>
либо если тег закрывать не надо: <тег атрибут="значиение" атрибут="значиение" атрибут="значиение">
в таком случае можно и так: <тег атрибут="значиение" атрибут="значиение" атрибут="значиение"/>
css: селектор {свойство: значение; свойство: значение; свойство: значение}
Если что-то ведет себя странно и уползает непонятно куда или вообще не отображается, то очень вероятно, что сделана какая-нибудь простая ошибка в синтаксисе, и это удобно проверять валидаторами. Гуру-валидатор для html:
http://validator.w3.org. Гуру-валидатор для css:
http://jigsaw.w3.org/css-validator.
Спасибо за полезную информацию, я так по ходу изучения, если что буду задавать вопросы
