HtmlGuide.ru
Учебник по HTML, CSS и Web-дизайну
Сайт поможет начинающему web-мастеру в создании вашей первой html-страницы. А более опытному мастеру, возможно, напомнит о каких то деталях. Основная тематика сайта - создание сайтов, HTML, web-программирование.
Поговорим о таблицах
Автор: admin | Дата: 15.05.2009
Таблица в HTML, такой же важный элемент, как например, домен будущего проекта.
Правда было это давно, т.к. сейчас уже вебмастера все реже применяют таблицы, для размещения различных элементов на странице, но год или два назад, они были основными инструментами. Сейчас же, можно немного меньшим кодом сделать все то же самое блоками DIV. Так же, как утверждают некоторые оптимизаторы, применение блоков, вместо таблиц, удобнее при продвижении сайтов.
Ну что ж, не будем с ними спорить, наше дело – верстка, вебстроительство. Таблицы можно использовать для того, чтобы разделить различные части страницы, например шапку, левую навигацию, основное содержимое и подвал. Но, также можно применить и для прямого их предназначения – представления информации в таблице.
Random PostsОсваиваем технологию CSS. Вводный урок
Автор: admin | Дата: 08.11.2008
Нашел интересный поисковый запрос “теги css”. Видимо, человек ранее не знакомый с технологией стилей, решил ее попробовать и начал искать информацию в интернете. Я думаю, он нашел все, что искал, но для новых вебмастеров, которые устали применять старые теги, например, FONT и решили все же потратить время на излучение CSS написана эта статья.
Начнем с того, что CSS – это не язык программирования, впрочем, как и HTML. Возможно поэтому, конструкции CSS можно просто запомнить, если часто с ними работать. Далее, если вы освоили язык верстки HTML, каскадные стили таблиц (CSS) вам также будет освоить проще.
Похожие записиТеги: css
Изображения. Атрибуты тега <IMG>
Автор: admin | Дата: 15.05.2008
Для того чтобы вставить изображения на ваши страницы вы должны воспользоваться тегом <IMG>. Идея вставки изображений заключается в том, что вы просто указываете путь, где лежит ваше изображение и дополнительные параметры, например, ширину и высоту рисунка. Вот об этих параметрах и пойдет речь в этой статье.
Итак, как уже говорилось в статье Оптимизация графики для веб, указание размеров рисунка может существенно повлиять на тип загрузки страницы. Посетитель в первую очередь увидит текст на странице, а во время чтения будет грузиться графика. Иначе, если вы проигнорируете эти атрибуты, посетитель должен будет дождаться загрузки графики и только после загрузки всей страницы. Также зачастую изображения являются ссылками на другие документы сайта. В таком случае, по умолчанию, браузер добавит рамку к изображению, тем самым, указав на то, что изображение является ссылкой.
Если у вашей картинки есть всплывающая подсказка, а также название, то страницу можно будет найти в поисковой системе в рубрике Изображения. А это посетители на сайт, которые возможно станут вашими постоянными читателями. К тому же, если у пользователя медленное подключение к Интернет, возможно, он отключит отображение графики на сайте, тогда альтернативный текст, станет пояснением к рисунку. Ну и не менее полезным параметром может стать указание отступа от текста слева и справа, а также сверху и снизу.
Похожие записиСоздание простых таблиц, теги <TABLE>, <TR> и <TD>
Автор: admin | Дата: 07.05.2008
В HTML уже давно таблицы играют важную роль. Помимо главного значения, а это внесение информации и представление ее в табличном виде, их применяют для создания макета страницы. Для того чтобы представить на странице информацию в двух или более колонках отдельные блоки, добавляют в ячейки таблицы. В последнее время таблицы активно заменяют блоками <DIV>. С помощью блоков и CSS код страницы получается более коротким, хотя иногда наоборот, и редактируемым. Стало вполне возможным, изменив один файл стилей полностью или частично изменить вид страницы. Тогда как раньше, простое изменение ширины таблицы требовало редактирование html-кода на всех страницах. Это преимущество CSS неоспоримо, поэтому, каждый начинающий веб-мастер рано или поздно начинает активно применять CSS.
В этой статье, а таблицам будет посвящено несколько, рассмотрим различные примеры таблиц и значения их атрибутов. Допустим, мы хотим создать обычную таблицу, две строчки, в каждой строчке по две ячейки.
Похожие записиТеги: colspan, css, div, html, rowspan, table, таблицы, теги
Тег <FONT> - часть II. Изменяем гарнитуру текста
Автор: admin | Дата: 01.05.2008
По умолчанию для текста на вашей странице предлагается простая гарнитура, которую можно поменять на любую другую. Для того чтобы поменять гарнитуру, тег <font> имеет атрибут face, а конструкция выглядит так.
<font face=”Arial”>
Здесь Arial, это название новой гарнитуры, вы можете вставить сюда название той гарнитуры, которую хотели бы использовать. Рассмотрим код, в котором мы применили несколько тегов <font> с атрибутом face и разными гарнитурами.
Похожие записи<html>
<head>
<title>Изменяем гарнитуру текста</title>
</head>
<body>
<h2>Изменяем гарнитуру текста</h2>
<font face=”Arial”>Это гарнитура Arial</font>
<font face=”Tahoma”> Это гарнитура Tahoma</font>
<font face=”Verdana”>Это гарнитура Verdana</font>
<font face=”MyNew”>Это гарнитура MyNew7</font>
</body>
</html>
Рубрики
Самое читаемое
- Рассмотрим тег <META> (190)
- Теги <H1>…<H6> для создания заголовка (178)
- Поговорим о HTML? (177)
- Горизонтальная линия, тег <HR> (176)
- Браузеры (174)
- Оптимизация графики для Web (163)
- Тройка тегов: выделение, подчеркивание, курсив (162)
- Аббревиатуры (154)
- Параметр ALIGN в HTML (150)
- Тег <FONT> - часть I (143)
- Тег <FONT> - часть II. Изменяем гарнитуру текста (140)