Служба рассылок "Рассылки@Mail.Ru"

Письмо рассылки "Строим сайт от А до Я" от 24 июня 2003 года

Строим сайт от А до Я. Третий выпуск.
Строим сайт от А до Я. Третий выпуск.


Третий выпуск. От 24.06.2003
Ведущий рассылки: Троитская Екатерина
Написать мне stroimsait@front.ru
Архивы рассылки:Здесь
Содержание рассылки:
  1. Изучаем HTML
  2. Ответы на вопросы
  3. Контакты

Привет.
Хотелось бы еще раз напомнить, что каждый новый выпуск рассылки является логическим продолжением предыдущих. Если Вы только что к нам присоединились, то настоятельно рекомендую Вам ознакомиться с предыдущими выпусками. Сделать это можно Здесь .

Сегодня мы будем учиться делать заголовки и изменять стиль шрифта.

1.a. Заголовки

Для создания заголовка существует специальный тег <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". И посмотрите что получиться.

1.b. 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>
Попробуйте вставить это в документ и посмотрите что получиться. Все пробелы сохранились. Этот тег полезен при цитирования или при форматировании стихов.

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

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

Рассмотрим еще пару тегов отвечающие за стиль шрифта.
1) Тег <big></big> - Текст, отображается увеличенным шрифтом (относительно текущего).
2) Тег <small></small> - Текст, отображается уменьшенным шрифтом (относительно текущего).
2) Тег <strong></strong> - Усиленное выделение, факитически тоже самое что и тег <b></b>.

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

3) Теги <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>

На сегодня все.

2. Ответы на вопросы

Как сменить расширение с txt на html

У некоторых из читателей в прошлый раз возникли проблемы со сменой расширения. Они не смогли его сменить, так как оно у них не отображалось.
Чтобы увидеть расширения у файлов нужно сделать следующее:
1) откройте мой компьютер
2) в меню сервис выбери пункт свойство папки
3) Появиться окошко где в верху выберите пункт вид
4) Там увидите пункты, а на протии них стоят галочки
5) Найдите строчку скрывать расширение для зарегистрированных типов файлов. И снимите флажок.
6) Нажми OK
Теперь должны быть видны расширения у файлов.

3. Контакты

Задать свои вопросы
Поделиться мнением, успехами и неудачами Вы можете по адресу stroimsait@front.ru
Основные вопросы будут рассматриваться в следующих рассылках.


© 2003 Troitskaya Ketee

Архив рассылки: http://content.mail.ru/arch/arch_10662.html


 Поиск: 
В Интернете  В Каталоге

Новости · Деньги · Спорт · Авто · Погода · Афиша · Музыка · ТВ · Софт
Аукцион · Покупки · Путешествия · Сувениры · Мой сайт · Работа
Знакомства · Открытки · Анекдоты · Гороскопы · Форумы · Чаты
Рейтинг · Каталог · Рассылки · Баннерные сети · Реклама на Mail.ru

Рейтинг@Mail.ru