HTML - УРОК 4. ТЕГИ ДЛЯ ФОРМАТИРОВАНИЯ ТЕКСТА

Страница 1 из 1
1

Fragener

Дата: Суббота, 18.02.2012, 13:22 | Сообщение # 1

Группа: Администраторы

Сообщений: 56

Статус: Offline

Здесь мы рассмотрим не самые популярные html-теги текста, но знать их все-таки желательно.

Тег abbr

Теги <abbr></abbr> указывают на то, что текст является аббревиатурой. По умолчанию текст подчеркивается пунктиром, а при наведении на него курсора мыши появляется всплывающая подсказка с расшифровкой аббревиатуры. Это достигается добавлением в тег параметра title, в качестве значения которого и выступает расшифровка.

Пример:

Code

<html>

<head>
<title>Заголовок документа</title>
</head>

<body>
<abbr title="HyperText Markup Language">
HTML
</abbr>
</body>

</html>

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

Один недостаток - этот тег не поддерживается браузером Internet Explorer ниже 8 версии.

Тег acronym

Теги <acronym></acronym> ведут себя аналогично тегам <abbr></abbr> , но поддерживаются всеми браузерами. Кстати, акронимы - это устоявшиеся слова, состоящие из аббревиатур (США, СПИД).

Пример кода:

Code

<html>

<head>
<title>Заголовок документа</title>
</head>

<body>
<acronym
title="Союз Советских Социалистических Республик">
СССР
</acronym>
</body>

</html>

Тег address

Теги <address></address> применяются для указания адреса. Отображается курсивом с новой строки.

Пример кода:

Code

<html>

<head>
<title>Заголовок документа</title>
</head>

<body>

Пишите по адресу:
<address>
Ленинский пр., д.2
</address>

</body>

</html>

Тег code

Теги <code></code> используются при необходимости вывести на экран фрагмент программного кода. Браузеры обычно отображают его как моноширинный текст уменьшенного размера.

Пример кода:

Code

<html>

<head>
<title>Заголовок документа</title>
</head>

<body>
Код программы:
<code>
function addColumn(){
}
</code>
</body>

</html>

Fragener

Дата: Суббота, 18.02.2012, 13:46 | Сообщение # 2

Группа: Администраторы

Сообщений: 56

Статус: Offline

Теги del, strike, s

Теги <del></del> делают текст перечеркнутым. Аналогично ведут себя теги <strike></strike> и теги <s></s> , но они не рекомендуются к использованию спецификацией HTML 4.0.

Пример кода:

Code

<html>

<head>
<title>Заголовок документа</title>
</head>

<body>

<del>
Этот текст в тегах del
</del> 

<strike>
Этот текст в тегах strike
</strike> 

<s>
Этот текст в тегах s
</s>

</body>

</html>

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

Тег q

Теги <q></q> выделяют короткие цитаты. Все браузеры, кроме Internet Explorer, отображают их в кавычках.

Пример кода:

Code

<html>

<head>
<title>Заголовок документа</title>
</head>

<body>

Линкольн любил говорить:
<q>Не достигает цели тот, кто от нее отказывается.</q>

</body>

</html>

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

Теги big и small

Теги <big></big> выводят текст большего размера, чем остальная часть текста. Теги выводят текст меньшего размера, чем остальная часть текста.

Пример кода:

Code

<html>

<head>
<title>Заголовок документа</title>
</head>

<body>

<big>
Этот текст в тегах big
</big> 

Это просто текст 


Этот текст в тегах small


</body>

</html>

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

Fragener

Дата: Суббота, 18.02.2012, 13:53 | Сообщение # 3

Группа: Администраторы

Сообщений: 56

Статус: Offline

Тег blink

Теги <blink></blink> отображают мигающий текст. Этот тег поддерживается только браузером Netscape, поэтому использовать его не рекомендуется. Кроме того, мигающий текст раздражает пользователей.

Пример кода:

Code

<html>

<head>
<title>Заголовок документа</title>
</head>

<body>

<blink>
Этот текст будет мигать.
</blink>

</body>

</html>

Тег hr

Тег <hr> рисует горизонтальную линию, отделенную сверху и снизу пустыми строками. У этого тега есть следующие параметры:

align - выравнивает линию по центру (center), слева (left) или справа (right).

width - устанавливает длину линии в пикселах или в процентах от ширины окна.

size - устанавливает толщину линии в пикселах.

color - устанавливает цвет линии.

noshade - убирает рельефность линии.

Пример кода:

Code

<html>

<head>
<title>Заголовок документа</title>
</head>

<body>

Линия без параметров
<hr>
Линия по центру
<hr align="center" color="red" size=2 width=50%>
Линия слева
<hr align="left" color="blue" size=3 width="150">

</body>

</html>

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

Тег pre

Теги <pre></pre> используются тогда, когда необходимо отобразить текст так, как он набран. Вы, наверно, заметили, что сколько бы пробелов вы не сделали в коде, на экране всегда отображается только один. Остальные игнорируются, что не всегда удобно. Например, при отображении стихов хочется сохранить все отступы и пробелы. В этом случае и используются теги <pre></pre>

Пример кода:

Code

<html>

<head>
<title>Заголовок документа</title>
</head>

<body>

<pre>
Как набрали,
так и отображается.
</pre>

</body>

</html>

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

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

На следующем уроке мы будем рассматривать специальные символы.

Dovevuccige

Дата: Суббота, 04.05.2013, 13:37 | Сообщение # 4

Группа: Гости

http://WikiPower.ru/index.php5/%D0%96%D0%B8%D0%BC_%D0%BB%D0%B5%D0%B6%D0%B0_%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE - жим лежа видео
http://WikiPower.ru/benchpress/?p=630 - жим лежа мировой рекорд среди юнешей

Информационный вебресурс «Энциклопедия силовых видов спорта» предоставляет экспертную информацию для заинтересованных в этой теме людей. Подробно освещена история, имеется подразделениена разные виды спорта, жизнеописание интервью выдающихся спортсменов силовых видов спорта размещено видео соревнований, методики тренировок, предложенияпо питанию.

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

На вебсайте можно легко подобрать программу тренировок. Здесь размещено детальноеописание и видеоинструкции для верного выполнения упражнений. Большое внимание уделено правильному питанию, как одной из составляющей победы. В помощь посетителю предложен большой выбор диет, а так же рекомендации по составлению личной диеты, применению спортивных добавок и препаратов. На сайте есть форум, где можно обсудить интересующие вас темы с другими, увлеченными силовыми видами спорта людьми. Ресурс интересен не только спортсменам, в нем достаточно нужных пожеланий и для людей, не равнодушных к красоте и здоровью

http://WikiPower.ru/index.php5/%D0%9A%D0%B0%D0%BA%D0%BE%D0%B9_%D0%BF%D1%80%D0%BE%D1%82%D0%B5%D0%B8%D0%BD_%D0%BB%D1%83%D1%87%D1%88%D0%B5%3F - как определяют степень усвояемости белка
http://WikiPower.ru/index.php5/%D0%90%D1%80%D0%BC%D1%80%D0%B5%D1%81%D1%82%D0%BB%D0%B8%D0%BD%D0%B3_-_%D0%91%D0%B0%D0%B7%D0%BE%D0%B2%D0%B0%D1%8F_%D0%BF%D1%80%D0%BE%D0%B3%D1% 80%D0%B0%D0%BC%D0%BC%D0%B0_%D1%82%D1%80%D0%B5%D0%BD%D0%B8%D1%80%D0%BE%D0%B2%D0%BE%D0%BA_%D0%B4%D0%BB%D1%8F_%D0%BD%D0%B0%D1%87%D0%B8%D0%BD%D0 %B0%D1%8E%D1%85 - тренеровочные упражения для армреслинга

DwightBymn

Дата: Вторник, 04.02.2014, 06:13 | Сообщение # 5

Группа: Гости

zithromax gonorrhea effective <a href=http://dstvmediasales.com/sitemap.php?farm=viagra-online-uk-paypal>viagra online uk paypal</a> cialis 36 hour http://dstvmediasales.com/sitemap.php?farm=cialis-20mg-price - cialis 20mg price health benefits of viagra http://dstvmediasales.com/sitemap.php?farm=viagra-for-heart-disease - viagra for heart disease death by viagra

DwightBymn

Дата: Пятница, 14.02.2014, 01:23 | Сообщение # 6

Группа: Гости

generic cialis pills <a href=http://www.rwuk.org/?product=how-do-i-buy-viagra-online>how do i buy viagra online</a> buy levitra online in canada http://www.rwuk.org/?product=buy-viagra-online-get-prescription - buy viagra online get prescription best place to buy cialis http://www.rwuk.org/?product=levitra-directions - levitra directions cheap propecia uk

Добавлено (14.02.2014, 01:23)
---------------------------------------------
generic cialis pills <a href=http://www.rwuk.org/?product=how-do-i-buy-viagra-online>how do i buy viagra online</a> buy levitra online in canada http://www.rwuk.org/?product=buy-viagra-online-get-prescription - buy viagra online get prescription best place to buy cialis http://www.rwuk.org/?product=levitra-directions - levitra directions cheap propecia uk

HTML - УРОК 4. ТЕГИ ДЛЯ ФОРМАТИРОВАНИЯ ТЕКСТА

Страница 1 из 1
1