→ W3C
HTML/CSS
Учебников по HTML/CSS великое множество. То что я собираюсь писать здесь не совсем учебник, а скорее набор шпаргалок и рекомендаций, мой опыт оформленный в небольшие заметки с комментариями и примерами.
Наиболее полезным материал окажется для людей, которые только начали изучать HTML/CSS, хотя может оказаться что и профи найдут какую-нибудь полезную для себя информацию.
Также в заметках время от времени будут встречаться ссылки на полезные для верстальщика ресурсы, либо на более подробную информацию.
Эта страница в итоге должна стать чем-то типа оглавления.
HTML и xHTML
- Что такое HTML и xHTML?
- Структура HTML-документа
- Работа с текстом в HTML
- Заголовки в HTML
- Работа со списками в HTML
- Ссылки в HTML
- Работа с картинками в HTML
- Мета тэги в HTML
- Работа с цветом в HTML
- Блочные элементы xHTML
- …
CSS
Если вы еще не подписаны, то подпишитесь чтобы следить за обновлениями и ничего не пропустить. Статьи публикуются достаточно часто.
Ссылки в HTML
Всем привет. Вот и пришло время поговорить о вечном. А именно о ссылках в HTML. Ссылки — это основа интернета в нынешнем его понимании.
HTML ссылки являются фундаментальным свойством веб-страниц. Ссылкой может являться не только некоторая часть текста, но и картинка или ее часть. Ссылки позволяют связать текст или какой-либо объект с другими гипертекстовыми документами. Без ссылок не было бы и интернета.
Работа со списками в HTML
Привет. Сегодня я хочу рассказать о работе со списками в HTML. В обще стоит взять за правило, всё что по логике является списком, т.е. перечислением, делать именно при помощи предусмотренных как раз для этого тэгов.
Список — письменный перечень, число, состав; документ, содержащий перечень каких-либо сведений;
Работа со списками HTML проста и в тоже время помогает правильно преподносить информацию.
Для примера отключите стили в браузере при просмотре какой-либо страницы. Если страница сверстана правильно, то у вас не будет никаких проблем с восприятием информации, навигацией по сайту и т.п.
Заголовки в HTML
В HTML предусмотренно 6 заголовков разного уровня, которые показывают относительную важность секции следующей после заголовка. Это группа тэгов <h1>...<h6>.
Заголовок <h1> — самый главный и может использоваться только 1 раз на странице.
<h1>h1 - самый главный и используется только 1 раз на странице</h1> <h2>h2 - тоже достаточно большой заголовок</h2> <h3>h3 - используется для подзаголовков</h3> <h4>h4 - используется для подзаголовков, но намного реже</h4> <h5>h5 - редко используемый тэг</h5> <h6>h6 - использование этого тэга я встречал всего 1 раз</h6>
Работа с текстом в HTML
Не важно насколько классный дизайн у вашего сайта и неважно сколько прикольных и модных эффектов вы используете, всегда главное на сайте — это информация. Сегодня я расскажу как правильно структурировать информацию посредством HTML.
Стоит отметить, что есть два вида тэгов для работы с текстом. Это тэги физического и логического форматирования.
Следует рассмотреть некоторые тэги физического форматирования для понимания разницы, но т.к. стандарт языка xHTML уже не включает теги физического форматирования как устаревшие, особо на них останавливаться не будем.
Структура HTML-документа
Для начала давайте создадим обычную html-страницу. Каким редактором вы будете пользоваться, на самом деле, не важно. Главное, даже если вы выбрали один из WYSIWYG (What You See Is What You Get, «что видишь, то и получишь»), откройте его в режиме редактирования кода и никогда не не переключайтесь в режим визуализатора.
Призывать всех работать в Блокноте — не стану, т.к. это, по меньшей мере, глупо. Посоветовать могу либо Aptana Studio, либо Adobe Dreamweaver.
