HtmlGuide.ru

Сайт поможет начинающему web-мастеру в создании вашей первой html-страницы. А более опытному мастеру, возможно, напомнит о каких то деталях. Основная тематика сайта - создание сайтов, HTML, web-программирование.


Создание простых таблиц, теги <TABLE>, <TR> и <TD>

Автор: admin | Дата: 07.05.2008

В HTML уже давно таблицы играют важную роль. Помимо главного значения, а это внесение информации и представление ее в табличном виде, их применяют для создания макета страницы. Для того чтобы представить на странице информацию в двух или более колонках отдельные блоки, добавляют в ячейки таблицы. В последнее время таблицы активно заменяют блоками <DIV>. С помощью блоков и CSS код страницы получается более коротким, хотя иногда наоборот, и редактируемым. Стало вполне возможным, изменив один файл стилей полностью или частично изменить вид страницы. Тогда как раньше, простое изменение ширины таблицы требовало редактирование html-кода на всех страницах. Это преимущество CSS неоспоримо, поэтому, каждый начинающий веб-мастер рано или поздно начинает активно применять CSS.

В этой статье, а таблицам будет посвящено несколько, рассмотрим различные примеры таблиц и значения их атрибутов. Допустим, мы хотим создать обычную таблицу, две строчки, в каждой строчке по две ячейки.

Читать далее…

Похожие записи

Теги: , , , , , , ,

Тег <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>

Читать далее…

Похожие записи

Теги: , , ,

Тег <FONT> - часть I

Автор: admin | Дата: 30.04.2008

В те времена, когда о CSS мало кто знал, для того чтобы указать размер, цвет и гарнитуру текста пользовались тегом <FONT>. Да и сейчас он не потерял своей популярности, т.к. многие начинающие веб-мастера пользуются именно этим тегом, для форматирования своих текстов. Начнем с указания размера любого текста.

<font size=”1″>Здесь текст с минимальным размером</font>

Примечания. Во-первых, как вы должны были заметить, тег <font> - парный, во-вторых, диапазон значений идет от минимального - 1 до максимального - 7, при значении 3 - размер текста будет таким же, как и стандартный размер текста по умолчанию.

Пример кода:

<html>
<head>
<title>Меняем размер текста</title>
</head>

<body>

<font size=”7″>Самый крупный размер текста</font>
<font size=”6″>Этот текст использует значение size равное 6</font>
<font size=”5″>Этот текст использует значение size равное 5</font>
<font size=”4″>Этот текст использует значение size равное 4</font>
<font size=”3″>Этот текст использует значение size равное 3</font>
<font size=”2″>Этот текст использует значение size равное 2</font>
<font size=”1″>Этот текст использует значение size равное 1</font>

<p>А можно поиграть с размерами и получить нечто такое:</p>

<font size=”7″>У</font>
<font size=”6″>р</font>
<font size=”5″>р</font>
<font size=”4″>а</font>

</body>
</html>

Сохраняем полученный код (Файл - Сохранить как … - font-1.html). Далее, работаем с гарнитурой текста.

Похожие записи

Теги: , , ,

Параметр ALIGN в HTML

Автор: admin | Дата: 26.04.2008

Параметр для выравнивания ваших текстов, картинок, таблиц и любых других объектов на странице называется ALIGN. Примеры его использования:

<p align=”left”>Все содержимое, данного абзаца выровнено по левому краю окна</p>

Все содержимое, данного абзаца выровнено по левому краю окна

<div align=”center”>Блок выровнен по центру страницы</div>

Блок выровнен по центру страницы

<h2 align=”right”>Заголовок выровнен по правому краю окна.</h2>

Заголовок выровнен по правому краю окна.

Выравнивание можно указывать для каждой ячейки таблицы, для изображений, заголовков страницы. Для выравнивания всего содержимого по центру страницы, можно воспользоваться тегом <CENTER>

В данной статье мы рассмотрели варианты выравнивания содержимого на странице. Еще раз пробежимся по ним:

CENTER - выравнивание по центру
LEFT - выравнивание по левому краю окна
RIGHT - выравнивание по правому краю окна

Для таблиц, существует еще один параметр – вертикальное выравнивание. Например, для того, чтобы выровнять содержимое ячейки таблицы по верхнему краю задают такую конструкцию:

<td valign=”top”>

Похожие записи

Теги: , , ,

Аббревиатуры

Автор: admin | Дата: 26.04.2008

HTML - HyperText Markup Language (Язык разметки гипертекста)
WWW - World Wide Web
ПК - Персональный компьютер

Аббревиатурами пользоваться нужно, если не хотите перегружать вашего читателя лишней информацией. Вам же приятно читать краткий, информативный текст? Но, не все аббревиатуры настолько популярны, как приведенные выше. Поэтому для их рассшифровки в HTML применяется тег <acronym> с параметром TITLE. Конструкция имеет следующий вид:

<acronym title=”World Wide Web”>WWW</acronym>

А вот, как это будет выглядеть в браузере:

WWW

Похожие записи

Теги: , , ,