Главная
Скачать (Download)
Dreamweaver CS6
Dreamweaver CS5
Dreamweaver CS4
Dreamweaver 8
- "Горячие клавиши"
Dreamweaver MX 2004
- Рабочая область
- Создание/ открытие документов
- Настройка сайта
- Компоновка страниц с CSS
- Табличный контент
- Шаблоны в MX 2004
- Работа с страницами
- Настройка серверных приложений
- Рабочая область для динамических страниц
Dreamweaver 4
Уроки (Tutorials)
Видеоуроки new!!!
Fireworks
ЧаВо
Документация
Статьи
- Macromedia Dreamweaver
- CSS
- Раскрутка
- PHP
- SQL
- Дизайн [1 2]
- Java
- Разное
Программы и скрипты
Бесплатные шаблоны
Каталог сайтов
Форум
Карта сайта
Контакты

здесь можно купить самые дешевые лайки вк на посты записи и видео

Документация - WebMoney
- HTML - основы
- Сервер - локально
- Справочник свойств CSS1

главная > документация

HTML - основы

Заголовки

Для создания заголовка существует специальный тег <hx ></hx> Где x- заменяется цифрой от 1 до 6.

<h1> текст </h1>

<h2> текст </h2>

<h3> текст </h3>

<h4> текст </h4>

<h5> текст </h5>
<h6> текст </h6>

Как видно из примера применяя цифру 1 мы получим самый большой размер, 2 получаем шрифт поменьше и т.д.

1)Вспомним наш пример. Вставим туда заголовок.

<html>
<head>
<title>Изучаем HTML </title>
</head>
<body>
<h3>HTML </h3>
<p align ="justify"> Сама по себе аббревиатура HTML расшифровывается так - Hyper Text Markup Language, по-русски - язык гипертекстовой разметки.
<p>Открыв любую страничку в Интернете вы можете просмотреть ее HTML-код. В меню вид выберите пункт просмотр HTML-кода.</p>
</body>
</html>

Попробуйте поменять <h3>HTML</h3> на <h2>HTML</h2> и посмотрите что получиться. Результат на лицо. Поэкспериментируете с этим.

2) Чтобы показать местоположение (центр, правый или левый край) вставляем атрибуты (align="center"; align="right" или align="left") в тег <hx>

<hx атрибут="значение" >

<html>
<head>
<title>Изучаем HTML </title>
</head>
<body>
<h3 align="center">HTML </h3>
<p align ="justify"> Сама по себе аббревиатура HTML расшифровывается так - Hyper Text Markup Language, по-русски - язык гипертекстовой разметки.
<p>Открыв любую страничку в Интернете вы можете просмотреть ее HTML-код. В меню вид выберите пункт просмотр HTML-кода.</p>
</body>
</html>

3) Замените "center" на "left" или "right". И посмотрите что получиться.

Cтиль шрифта

Все мы знаем что текст может выделяться курсивом, быть подчеркнутым или полужирным.

Для полужирного текста используем <b></b>
Для получения курсива используем тег <i></i>
Для получения подчеркнутого используем тег <u></u>
Для получения фиксированного шрифта используем тег <tt></tt>

<b> Полужирный текст </b>
<i> Наклонный текст (курсив) </i>
<u> Подчеркнутый текст </u>
<tt> фиксированный шрифт </tt>

К одному и тому же фрагменту можно применять сразу несколько тегов
<b><u> Подчеркнутый текст </u></b> (Жирный и подчеркнутый)

Есть еще один интересный тег <pre></pre>. Он сохраняет все пробелы из блокнота.

<pre>

Hello!
    Hello!
        Hello!
</pre>

Попробуйте вставить это в документ и посмотрите что получиться. Все пробелы сохранились. Этот тег полезен при цитирования или при форматировании стихов.

Дополнительно.

Рассмотрим еще пару тегов отвечающие за стиль шрифта.

1) Тег <big></big> - Текст, отображается увеличенным шрифтом (относительно текущего).

2) Тег <small></small> - Текст, отображается уменьшенным шрифтом (относительно текущего).

3) Тег <strong></strong> - Усиленное выделение, факитически тоже самое что и тег <b></b>.

Пример:

<big>Большой текст</big>
Нормальный текст
<small>Малый текст</small>
<strong>выделенный текст</strong>

4) Теги <strike> </strike> или <s> </s> перечеркнутый текст. Можно использовать как <strike> </strike> так и <s> </s> (они равноправны). Возникает вопрос чем они отличаются. А ничем. Просто в HTML 3.2 вместо STRIKE был предложен более краткий тег S.

Пример:

<strike>Перечеркнутый</strike>
<s>Перечеркнутый</s>

4) Теги <sup> </sup> верхний индекс; и <sub> </sub> нижний индекс

Пример:

Верхний <sup>индекс</sup>
Нижний<sub>индекс</sub>

<< назад

главная > документация

Реклама