→ html & css
Картинки в HTML. Форматы изображений
Всем привет. Сегодня я хочу поговорить о визуальном способе подачи информации, т.е. о картинках и о способах работы с ними в HTML. Никто не будет отрицать что текст (контент) — это важнейший элемент любого сайта. Тому как правильно работать с текстом в HTML была посвящена отдельная статья.
Но сегодня речь пойдет о другом способе подачи информации — об изображениях и о том какие возможности есть в HTML для работы с ними.
Ссылки в 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.
