Отправляет email-рассылки с помощью сервиса Sendsay

HTML - это просто!

Рассылка закрыта

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Февраль 2005   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
Автор ilyabre***@g*****.com

Статистика

53 подписчиков
0 за неделю
←   Все выпуски   →

HTML - это просто! (4) - Форматирование текста


Информационный Канал Subscribe.Ru
HTML - это просто!

(4) - Форматирование текста



Число подписчиков - 19
ИЗ ПИСЕМ
ОТВЕТЫ

Прежде всего хочу извиниться за задержку выпуска. Занят был очень, честное слово. Итак, ответы на задания 1-2. Первое задание было совсем несложным. Жаль только, что не все подписчики присылают ответы на мои задания. Вы знаете, когда готовишься вот так, стараешься, это не совсем радует, я бы даже сказал совсем не радует. Для вас всё делаю, дорогие мои. Чтобы ответоы было побольше к следующему выпуску. Задания уже пойдут поинтересней. Ведь весь интерес заключается порой в сложности предлагаемого задания. Правда, пока ни о какой сложности и говорить не приходится. Так, бирюльки делаем. Но в скорости, я думаю, перейдём на нечто более сложное. И с первым и со вторым заданием справились только двое - Алексей и Ирина, соответственно - первый и вторая. Их я уже поставил, так сказать, на "учёт" и наблюдаю за выполнением ими заданий. Возможно, как только я обновлю свой сайт, в клубе будут и их фамилии. Но это всё в будущем. А сейчас нас ждёт суровое настоящее. Ответы:


Задание 1

<html>
<head> <title>Моя первая собственная страница</title> </head>
<body>
Привет
<br>Эту страничку я сделал(а) сам(а)
<br>Пока!
</body>
</html>



Задание 2

<html>
<head> <title>Я умею разукрашивать страницы</title> </head>
<body bgcolor="#0033FF" text="#33FF00">
Не употребляйте в своей странице такие <font color="#CC0000">ядовитые</font> цвета!!!
</body>
</html>



Вы, наверное, уже догадались, что способов решения второго задания было 2: один я представил в ответе, но можно было пойти и другим путём, хотя и менее рациональным. Можно было в тэге <body> цвет текста не прописывать, а прописать его конкретно перед предложением. Вот так вот. Теперь основное.
Приступим. Сегодняшняя тема выпуска - форматирование текста. Вы, наверное, уже поняли к чему я клоню. Форматирование в рамках языка HTML, что же входит в это понятие? Прежде всего это выравнивание текста, изображений, и подобных вещей. Также это выделение каких-то определённых фрагментов текста стандартными путями любого текстового редактора - курсивом, подчёркиванием, полужирным и т.д. и т.п. Вот об этом сейчас я вам и расскажу. Прежде всего поговорим о параграфах.

Параграфы вводятся тэгом:

<p></p>

С помощью параграфов мы можем центрировать текст:

<p align="center">текст</p>

Мы можем выровнять текст по левому краю:

<p align="left">текст</>

Можем и по правому краю документа:

<p align="right">текст</p>

К параграфу тэг <br> не нужен, т.к. параграф сам умеет переносить текст на следующую строчку. Но, если вам никак не нужен перенос на следующую строку, то есть альтернатива:

<center>

У параграфа есть ещё один важный аттрибут:

<p align="justify">

Этот аттрибут выравнивает текст и по левому, и по правому краю страницы и всё становится милым и красивым сразу же. Попробуйте, поэкспериментируйте с тэгами. Создайте собственную страницу, поместите туда текстик и повыравнивайте его с разных краёв. Когда всё это сделаете, читайте дальше.
Следующая порция нового - заголовки. Для чего вообще они нужны? Для того, чтобы привлекать к себе внимание. Вы вообще когда-нибудь задумывались над тем, зачем по улицам вашего города развешаны эти разноцветные щитки и бумажки с красочными надписями? Конечно, все эти безжалостные частные предприниматели и коммерсанты хотят завладеть вашим разумом....:) В языке HTML заголовки объявляются так:

<h1>Заголовок 1</h1>

<h2>Заголовок 2</h2>

<h3>Заголовок 3</h3>

<h4>Заголовок 4</h4>

<h5>Заголовок 5</h5>
<h6>Заголовок 6</h6>

Как вы уже могли заметить, всего типов заголовков шесть. Они распределены по размеру. Самый большой - <h1 >, дальше - меньше. Заголовки выделяют часть текста полужирным шрифтом - это тоже очень удобное свойство. Но как же быть, если хочется выделить текст, но без полужирного? С заголовками такое не пройдёт, поэтому вспомним о тэге <font></font>:

<font size="+4">размер +4</font>

<font size="+3">размер +3</font>

<font size="+2">размер +2</font>

<font size="+1">размер +1</font>

<font size="+0">стандарт</font>

<font size="-1">размер -1</font>

<font size="-2">размер -2</font>

Не советую переборщать с увеличенными шрифтами. На глазки давит сильно, да и вырабатывает неправильное чувство меры ведь это чувство должно во всём присутствовать. Теперь вам очередное задание (просто рабочее, мне присылать ответ не надо) - эксперименты с увеличением шрифта. Напоминаю, что стандартный размер шрифта - <font size="+0">. Надеюсь, всё получилось? Тогда идём дальше.
Теперь настала пора поговорить о том, как делается курсив, подчёркивание и т.. и т.п. Ниже я привёл небольшой список тэгов, в котором наглядно отобразил, что каждый тэг делает. Люди взрослые, думаю, сами разберётесь.

<b>полужирное выделение</b>
<i>выделение курсивом</i>
<u>подчеркивание</u>
<sup>верхний регистр</sup>
<sub>нижний регистр</sub>
<strike>перечеркнутый текст</strike>
<small>маленький текст</small>
<big>большой текст</big>
Какой разнообразный всё-таки тэг <font></font>! Каких только в нём свойств нету! Сейчас про ещё одно я вам расскажу. Я научил вас изменять размер шрифта от стандартного, научил менять и цвет шрифта, научил пользоваться заголовками, параграфами. А вот как изменить начертание шрифта - не научил. Что ж, исправлюсь :)

<font face="ARIAL">текст (шрифт Arial)</font>

Начертание шрифта зависит от свойства face. Стандартный шрифт, по-моему, Times New Roman. Старайтесь в своих страничках употреблять стандартные шрифты (из набора Windows). Допустим, разместите вы свой сайт в интернете, сделаете свой шрифт, пропишете его во всех страничках для красоты, а у пользователей, посетивших ваш сайт надписи либо коряво выведутся, либо не выведутся вообще. Мотайте на ус.
Что ж, я думаю, на сегодня хватит. Ниже задания. По-прежнему, делаете, а отчёт присылаете мне. Среди общего числа подписчиков уже начинают выделятся кандидатуры на членство в "Клубе программистов". Старайтесь, может, и вас возьму туда.
ЗАДАНИЕ 3 **
Модифицируйте страничку, сделанную по первому заданию так, чтобы слово "привет!" стало заголовком первой величины, выравненным по центру, а всё остальное распологалось в одну строчку.

ЗАДАНИЕ 4 ***
Модифицируйте страничку, сделанную по второму заданию так, чтобы шрифт был Tahoma (на всей страничке), а слово "ядовитыми" было зачёркнуто и подчёркнуто одновременно, а слова "Не употребляйте" должны быть увеличены в 2 раза от обычного и выделены полужирным курсивом
Рассылки Subscribe.Ru
C++ & C++Builder для начинающих
HTML - это просто!
Бреев Илья - ведущий рассылки - sharky@kireev.tula.net
Архив рассылки - http://beg-prog.narod.ru (переедет в ближайшее время)
http://subscribe.ru/
http://subscribe.ru/feedback/		 Подписан адрес:
Код этой рассылки: comp.soft.prog.html33		 Отписаться
В избранное