HtmlGuide.ru
Учебник по HTML, CSS и Web-дизайну
Сайт поможет начинающему web-мастеру в создании вашей первой html-страницы. А более опытному мастеру, возможно, напомнит о каких то деталях. Основная тематика сайта - создание сайтов, HTML, web-программирование.
Теги <H1>…<H6> для создания заголовка
Автор: admin | Дата: 24.03.2008
Статья без заголовка? Как машина без колес! В HTML для указания заголовка статьи имеется сразу 6 тегов. Все они парные, и имеют несложный синтаксис. Самый крупный шрифт необходимо поместить в тег <h1>, второй по размеру <h2> и так до <h6>. Для чего мне нужно помещать заголовок в эти теги, когда я могу просто указать необходимый мне размер заголовка с помощью других тегов, например <span>. Во-первых, указание заголовка тегами H, имеет положительную сторону в оптимизации вашей страницы для интернета. ПС обратит внимание на заголовок и возможно по нему определит тематику данной страницы. Во-вторых, вы можете настроить шрифт, цвет и другие параметры заголовка с помощью технологии CSS.
Пример кода для определения основных параметров тега H
Похожие записиТройка тегов: выделение, подчеркивание, курсив
Автор: admin | Дата: 23.03.2008
Для того чтобы выделить часть текста в html применяется тег <b>. Тег парный, но если вы забудете закрывающий тег, все что следует за открывающим тегом примет жирное начертание и поправить ошибку будет несложно. Альтернативный тег <strong>, он также служит для выделения текста жирным начертанием. В последней версии спецификации html вместо <b> рекомендуется использование тега <strong>
Для подчеркивания применятся тег <u>, например, <u>текст, который надо подчеркнуть</u>. Для выделения участка текста, или всего текста курсивом используется тег <i>, также возможно применение тегов <em> и <cite>, которые выполняют аналогичную функцию. Вы можете использовать эти теги совместно, для того, чтобы сделать текст жирным и наклонным: <b><i>жирный и наклонный</b></i>, или наклонным и подчеркнутый <i><u>наклонный и подчеркнутый</i></u>.
А как ты сделал такое: H2O? Применил тег <sub>, для размещения текста относительно нижней линии строки. А наоборот? Просто, применяем, тег <sup>, например (x+5y)3. Все не запомнишь, но эти теги наиболее часто используются для разметки текста, далее, отображаем заголовки.
Похожие записиРассмотрим тег <META>
Автор: admin | Дата: 09.02.2008
Данный тег содержит информацию о html-странице, в частности можно описать кодировку, описание, ключевые слова и автора страницы. С помощью тега можно создать редирект, например, если ваш сайт сменил адрес, или изменилась структура сайта. Все, вводимые параметры не выводятся на экран, т.е. это своеобразная техническая информация для браузера, поисковых систем, пользователей. Указывая ключевые слова, вы помогаете поисковой системе, хотя в последнее время кажется это уже не актуально, т.к. ПС сама определит ключевые слова исходя из текста страницы.
От теории к практике! Распространенные примеры использования тега <META>
Сначала о редиректе. Как уже сказано выше, единственное ее предназначение это переадресация пользователя на заданный адрес. Для тега вы можете указать интеревал времени, по истечении которого будет будет осуществлен переход.
Похожие записиОсновная структура html-страницы
Автор: admin | Дата: 15.01.2008
Структура любой страницы имеет следующий вид:
<html>
<head>
<title>Заголовок</title>
</head>
<body>
Информация на странице (текст, таблицы, картинки и т.д.)
</body>
</html>
Наверное, вы уже догадались, что тег это конструкция вида <html>, <head>, <title> и т.д. Тогда, обратите внимание на еще один факт, теги в html – парные. Т.е. на каждый открывающий тег, должен быть свой закрывающий!
Похожие записиОптимизация графики для Web
Автор: admin | Дата: 05.12.2007
Хорошая web-страница, должна иметь читабельный шрифт, удобную навигацию, светлый фон, и сравнительно небольшой объем. Разве текст занимает много объема? Нет, если это не роман на одной странице! Увеличить объем страницы помогут большие, неоптимизированные картинки. Кроме того, если вы не укажете для картинок параметры высоты (height) и ширины (width), пользователь будет дожидаться загрузки картинок, и только после этого, загрузки всей страницы. Также, часто, для размещения картинки необходимых размеров, ее указывают принудительно для файлов больших размеров. Таким образом, картинка не только искажается, но и размер ее остается прежним. Все эти подходы, не правильны! Для того чтобы пользователю понравился сайт, вам необходимо предложить ему качественные и оптимизированные картинки, которые в свою очередь обеспечат более быструю загрузку страницы.
Наиболее популярные в Интернете форматы графических файлов - gif и jpg. GIF - это 256-цветный формат, предназначенный для рисованных изображений. JPG - многоцветный формат, предназначенный для фотоизображений. Для формата JPG - используется сжатие файлов, причем разной степени. Таким образом, при сильном сжатии, качество рисунка заметно ухудшится, а при малом, изменения вы практически не заметите.
Похожие записиРубрики
Самое читаемое
- Рассмотрим тег <META> (190)
- Теги <H1>…<H6> для создания заголовка (178)
- Поговорим о HTML? (177)
- Горизонтальная линия, тег <HR> (176)
- Браузеры (174)
- Оптимизация графики для Web (163)
- Тройка тегов: выделение, подчеркивание, курсив (162)
- Аббревиатуры (154)
- Параметр ALIGN в HTML (150)
- Тег <FONT> - часть I (143)
- Тег <FONT> - часть II. Изменяем гарнитуру текста (140)