HtmlGuide.ru
Учебник по HTML, CSS и Web-дизайну
Сайт поможет начинающему web-мастеру в создании вашей первой html-страницы. А более опытному мастеру, возможно, напомнит о каких то деталях. Основная тематика сайта - создание сайтов, HTML, web-программирование.
Осваиваем технологию CSS. Вводный урок
Автор: admin | Дата: 08.11.2008
Нашел интересный поисковый запрос “теги css”. Видимо, человек ранее не знакомый с технологией стилей, решил ее попробовать и начал искать информацию в интернете. Я думаю, он нашел все, что искал, но для новых вебмастеров, которые устали применять старые теги, например, FONT и решили все же потратить время на излучение CSS написана эта статья.
Начнем с того, что CSS – это не язык программирования, впрочем, как и HTML. Возможно поэтому, конструкции CSS можно просто запомнить, если часто с ними работать. Далее, если вы освоили язык верстки HTML, каскадные стили таблиц (CSS) вам также будет освоить проще.
Похожие записиТеги: css
Выпадающий список со ссылками – 3 (+ CSS)
Автор: admin | Дата: 22.09.2008
Выпадающий список со ссылками – 3 (+ CSS)
Как создать выпадающий список при помощи JS я уже писал, также мы продемонстрировали работу дизайнера со вторым видом выпадающего списка. При создании очередного сайта, мне попался еще один интересный вариант решения проблемы расположения большого количество ссылок на разделы сайта.
Т.к. в JS-файле находится функция создания выпадения, ничего интересного в ней нет. Поэтому рассмотрим файл style.css со стилями оформления списка. Вообще, для того чтобы изменить внешний вид списка достаточно знание основ HTML. Так, например в CSS, для того, чтобы прописать фон списка указывается параметр background-color.
Похожие записиКак сделать чтобы при наведении на ссылку она выделялась?
Автор: admin | Дата: 07.05.2008
как сделать чтобы при наведении на ссылку она выделялась?
Сегодня общаясь в ICQ, мне задали такой вопрос. Я считаю его интересным, т.к. ссылки на странице, да и в интернете играют значительную роль, если не сказать самую важную. Ведь всемирная паутина построена на принципе создания ссылок с одного сайта на другой, одной страницы на другую. Поэтому ссылка должна быть заметной, а адрес, если вы хотите оставить хорошее впечатление о сайте, более-менее понятен пользователю.
Для сравнения на сайте магазина, посетителю предлагается такой адрес директории:
http://www.site.com/?h=76byrtr5&p=675gvth&c=45
а на сайте другого магазина, директории получили имена
http://www.site1.ru/shop/auto/new.shtml
Второй адрес намного понятнее, его легче запомнить, да и технологии сейчас позволяют легко создавать такие адреса. Как же сделать так, чтобы при наведении на ссылку она выделялась? Приступим к примерам. Мы можем выделить ее, добавив параметр font-weight в описании стиля для ссылки.
Похожие записи<html>
<head>
<title>Выделение ссылки при наведении курсора</title>
<style type=”text/css”>
<!–
a {color: red; font-size: 14px}
a:hover {color: red; font-size: 14px; font-weight: bold}
–>
</style>
</head>
<body>
Рассмотрим пример, при котором <a href=”page.html”>ссылка</a> выделяется при наведении на нее
</body>
</html>
Создание простых таблиц, теги <TABLE>, <TR> и <TD>
Автор: admin | Дата: 07.05.2008
В HTML уже давно таблицы играют важную роль. Помимо главного значения, а это внесение информации и представление ее в табличном виде, их применяют для создания макета страницы. Для того чтобы представить на странице информацию в двух или более колонках отдельные блоки, добавляют в ячейки таблицы. В последнее время таблицы активно заменяют блоками <DIV>. С помощью блоков и CSS код страницы получается более коротким, хотя иногда наоборот, и редактируемым. Стало вполне возможным, изменив один файл стилей полностью или частично изменить вид страницы. Тогда как раньше, простое изменение ширины таблицы требовало редактирование html-кода на всех страницах. Это преимущество CSS неоспоримо, поэтому, каждый начинающий веб-мастер рано или поздно начинает активно применять CSS.
В этой статье, а таблицам будет посвящено несколько, рассмотрим различные примеры таблиц и значения их атрибутов. Допустим, мы хотим создать обычную таблицу, две строчки, в каждой строчке по две ячейки.
Похожие записиТеги: colspan, css, div, html, rowspan, table, таблицы, теги
Теги <H1>…<H6> для создания заголовка
Автор: admin | Дата: 24.03.2008
Статья без заголовка? Как машина без колес! В HTML для указания заголовка статьи имеется сразу 6 тегов. Все они парные, и имеют несложный синтаксис. Самый крупный шрифт необходимо поместить в тег <h1>, второй по размеру <h2> и так до <h6>. Для чего мне нужно помещать заголовок в эти теги, когда я могу просто указать необходимый мне размер заголовка с помощью других тегов, например <span>. Во-первых, указание заголовка тегами H, имеет положительную сторону в оптимизации вашей страницы для интернета. ПС обратит внимание на заголовок и возможно по нему определит тематику данной страницы. Во-вторых, вы можете настроить шрифт, цвет и другие параметры заголовка с помощью технологии CSS.
Пример кода для определения основных параметров тега H
Похожие записиРубрики
Самое читаемое
- Рассмотрим тег <META> (190)
- Теги <H1>…<H6> для создания заголовка (178)
- Поговорим о HTML? (177)
- Горизонтальная линия, тег <HR> (176)
- Браузеры (174)
- Оптимизация графики для Web (163)
- Тройка тегов: выделение, подчеркивание, курсив (162)
- Аббревиатуры (154)
- Параметр ALIGN в HTML (150)
- Тег <FONT> - часть I (143)
- Тег <FONT> - часть II. Изменяем гарнитуру текста (140)