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


Обсуждение Далее

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

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

Теги: , , ,

Обсуждение Далее

Теги <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. Все не запомнишь, но эти теги наиболее часто используются для разметки текста, далее, отображаем заголовки.

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

Теги: , ,



Rambler's Top100

© 2008 HtmlGuide.ru. Все права защищены.
Design by Luka Cvrk