→ xhtml
Блочные элементы xHTML
Привет. После небольшого перерыва я опять хочу вернуться к написанию шпаргалок. Сегодня я рассказажу о «блочной» стуктуре xHTML.
Итак, все элементы xHTML можно разделить на блочные (block-level) и строчные (inline-level).
Основным отличием блочных элементов является то, что блочные элементы по умолчанию отображаются в виде прямоугольных блоков с отступами сверху (margin-top) и снизу (margin-bottom) и имеют 100% ширины.
И что теперь с этим делать
HTML/CSS
Учебников по HTML/CSS великое множество. То что я собираюсь писать здесь не совсем учебник, а скорее набор шпаргалок и рекомендаций, мой опыт оформленный в небольшие заметки с комментариями и примерами.
Наиболее полезным материал окажется для людей, которые только начали изучать HTML/CSS, хотя может оказаться что и профи найдут какую-нибудь полезную для себя информацию.
Также в заметках время от времени будут встречаться ссылки на полезные для верстальщика ресурсы, либо на более подробную информацию.
Эта страница в итоге должна стать чем-то типа оглавления.
HTML и xHTML
- Что такое HTML и xHTML?
- Структура HTML-документа
- Работа с текстом в HTML
- Заголовки в HTML
- Работа со списками в HTML
- Ссылки в HTML
- Работа с картинками в HTML
- Мета тэги в HTML
- Работа с цветом в HTML
- Блочные элементы xHTML
- …
CSS
Если вы еще не подписаны, то подпишитесь чтобы следить за обновлениями и ничего не пропустить. Статьи публикуются достаточно часто.
Что такое CSS?
Всем привет. В комментариях к статьям все активнее народ требует начать писать про CSS. Если честно, я не хотел начинать писать про CSS до того как закончу напиисание шпаргалок про базовые понятия HTML, но что уж поделать — народ требует зрелищ!
Будем исходит из того, что у вас уже есть базовое понимание построения HTML страницы и значения
тэгов объяснять не надо, если же всеже нет, то настоятельно рекомендую ознакомиться с уже имеющимися статьями по HTML и подписаться чтобы ничего не пропустить. Итак, начнем.
Подробнее »
Работа с цветом в HTML
Всем привет. Сегодня сидел размышлял о чем же должна быть следующаяя HTML-шпаргалка? И понял, что почти забыл упомянуть о таком важном аспекте как работа с цветом в HTML.
Все просто: Работы с цветом в HTML больше (слава Богу!) нет. Вся работа с цветовым оформлением HTML-элементов должна происходить только посредством CSS. Об этом я расскажу позже и в отдельной статье.
Теперь попробую оправдаться и объяснить зачем же сдесь эта прописная истина. Дело в том, что все кто больше недели занимаются освоением HTML уже должны бы это знать, однако на деле это почему-то не так.
До сих пор, хотя конечно и редко уже, но мне попадаются в оформлениии сайтов такие динозавры как <FONT> и bgcolor у таблиц. Это старые не поддерживаемые более в стандартах W3C элементы. Про них надо просто забыть.
Подробнее »
Мета тэги в HTML
Всем привет. Сегодня я хочу поговорить о мета-тэгах. Мета тэги предназначены для предоставления структурированных метаданных о веб-странице. Таких как краткое описание, ключевые слова, информацию об авторе.
Мета-теги помещаются внутрь элемента <head>...</head> в xHTML-документе, как правило, после элемента <title> и на странице не отображаются.
Некоторые мета тэги используют поисковые системы для отображения информации о сайте или для ранжирования в результатах поиска, но большинство из них уже либо не используются либо просто морально устарели.
Картинки в HTML. Форматы изображений
Всем привет. Сегодня я хочу поговорить о визуальном способе подачи информации, т.е. о картинках и о способах работы с ними в HTML. Никто не будет отрицать что текст (контент) — это важнейший элемент любого сайта. Тому как правильно работать с текстом в HTML была посвящена отдельная статья.
Но сегодня речь пойдет о другом способе подачи информации — об изображениях и о том какие возможности есть в HTML для работы с ними.
