5.2.< p align="right">АБЗАЦ< /p> - выравнивание абзаца по правому краю.
"Когда я в 2001 пришёл на Самиздат и начал читать выложенные здесь произведения, мне не понравилось несколько "чисто верстальных" моментов, которые мешали привыкшему к книжкам взгляду комфортно скользить по строчкам, не отвлекаясь на многочисленные перестройки (отсутствие выравнивания прозаического текста по правому краю делает строчки "разнодлинными", что существенно напрягает восприятие). И я поставил себе мутную цель "чёбы красиво", которую худо-бедно решил, но иногда незначительно улучшаю её новые реализации, узнавая новые хтмл-ные фишки (короче, открываю Америки и изобретаю велосипеды). (С.Панарин)"
5.3.< p align="center">АБЗАЦ< /p> - выравнивание абзаца по центру.
"Когда я в 2001 пришёл на Самиздат и начал читать выложенные здесь произведения, мне не понравилось несколько "чисто верстальных" моментов, которые мешали привыкшему к книжкам взгляду комфортно скользить по строчкам, не отвлекаясь на многочисленные перестройки (отсутствие выравнивания прозаического текста по правому краю делает строчки "разнодлинными", что существенно напрягает восприятие). И я поставил себе мутную цель "чёбы красиво", которую худо-бедно решил, но иногда незначительно улучшаю её новые реализации, узнавая новые хтмл-ные фишки (короче, открываю Америки и изобретаю велосипеды). (С.Панарин)"
5.4.< center>СТРОКА< /center> - выравнивание отдельной строки (слова или всего текста) по центру.
"Когда я в 2001 пришёл на Самиздат и начал читать выложенные здесь произведения, мне не понравилось несколько "чисто верстальных" моментов, которые мешали привыкшему к книжкам взгляду комфортно скользить по строчкам, не отвлекаясь на многочисленные перестройки (отсутствие выравнивания прозаического текста по правому краю делает строчки "разнодлинными", что существенно напрягает восприятие). И я поставил себе мутную цель "чёбы красиво", которую худо-бедно решил, но иногда незначительно улучшаю её новые реализации, узнавая новые хтмл-ные фишки (короче, открываю Америки и изобретаю велосипеды). (С.Панарин)"
5.5.< p align="justify">АБЗАЦ< /p> - выравнивание абзаца по обоим краям.
"Когда я в 2001 пришёл на Самиздат и начал читать выложенные здесь произведения, мне не понравилось несколько "чисто верстальных" моментов, которые мешали привыкшему к книжкам взгляду комфортно скользить по строчкам, не отвлекаясь на многочисленные перестройки (отсутствие выравнивания прозаического текста по правому краю делает строчки "разнодлинными", что существенно напрягает восприятие). И я поставил себе мутную цель "чёбы красиво", которую худо-бедно решил, но иногда незначительно улучшаю её новые реализации, узнавая новые хтмл-ные фишки (короче, открываю Америки и изобретаю велосипеды). (С.Панарин)"
5.6. < blockquote>АБЗАЦ< /blockquote> - делаем абзацу поля
"Когда я в 2001 пришёл на Самиздат и начал читать выложенные здесь произведения, мне не понравилось несколько "чисто верстальных" моментов, которые мешали привыкшему к книжкам взгляду комфортно скользить по строчкам, не отвлекаясь на многочисленные перестройки (отсутствие выравнивания прозаического текста по правому краю делает строчки "разнодлинными", что существенно напрягает восприятие). И я поставил себе мутную цель "чёбы красиво", которую худо-бедно решил, но иногда незначительно улучшаю её новые реализации, узнавая новые хтмл-ные фишки (короче, открываю Америки и изобретаю велосипеды). (С.Панарин)
5.7.Если вы хотите, чтобы текст шел на цветном фоне, придется поместить его в таблицу:
< table border="0" width="100%" bgcolor="#f2ddc6"> < tr> < td>Текст< /td> < /tr> < /table> - это простейшая таблица без рамки, с одной ячейкой, растянутой на всю ширину окна. Цвет фона - кремовый.
"Когда я в 2001 пришёл на Самиздат и начал читать выложенные здесь произведения, мне не понравилось несколько "чисто верстальных" моментов, которые мешали привыкшему к книжкам взгляду комфортно скользить по строчкам, не отвлекаясь на многочисленные перестройки (отсутствие выравнивания прозаического текста по правому краю делает строчки "разнодлинными", что существенно напрягает восприятие). И я поставил себе мутную цель "чёбы красиво", которую худо-бедно решил, но иногда незначительно улучшаю её новые реализации, узнавая новые хтмл-ные фишки (короче, открываю Америки и изобретаю велосипеды). (С.Панарин)" |
5.8.Если вы переводите с иностранного на русский (либо наоборот), и хотите, чтобы колонки располагались рядом (на самом деле это таблица из трех блоков):
< table border=0 cellspacing=0 cellpadding=0>
< tr>
< td width=50% valign=top>< font color="560319">
< dd>The lady in red is dancing with me
< dd>Cheek to cheek
< dd>There's nobody here
< dd>It's just you and me
< /font>< /td>
< td width=10% valign=top >
< /td>
< td width=50% valign=top >< font color="560319">
< dd>Леди в красном танцует со мной,
< dd>Щека к щеке -
< dd>И никого больше нет -
< dd>Здесь только мы с тобой.
< /font>< /td>
< /tr>
< /table>
The lady in red is dancing with me
Cheek to cheek
There's nobody here
It's just you and me
|
|
Леди в красном танцует со мной,
Щека к щеке -
И никого больше нет -
Здесь только мы с тобой.
|
к оглавлению
6. "Пробежимся" по тексту:
6.1.Линии
6.1.1. Обычная горизонтальная линия:
< hr>
6.1.2. Линия с заданными параметрами:
align - выравнивание, может принимать значения left, right и center. По умолчанию center.
width - ширина линии, может задаваться в % (относительная величина) и в пикселях (абсолютная величина). По умолчанию 100%.
size - толщина линии, задается в пикселях. По умолчанию 2 пикселя.
noshade - отмена объемности (без значений). По умолчанию линия объемна.
color - цвет линии, (если задан цвет, то автоматически пропадает объемность). По умолчанию цвет такой же, как и цвет фона, рамка вокруг линии серая.
< hr align="left" size="10" width="200"> - линия слева, толщиной 10 пикселей и шириной 200 пикселей;
< hr align="right" size="6" width="75%" noshade> - линия справа, толщина 6 пикселей, ширина 75% от ширины экрана, без объема (белый центр закрашивается в цвет рамки, т.е.в серый)
< hr color="#6600ff"> - стандартная линия с заданным цветом
< hr size="13" width="45%" color="#a73700"> - линия по умолчанию отцентрована, толщина 13 пикселей, ширина 45% от ширины экрана, цвет ржаво-коричневый
6.2.Бегущая строка
< marquee>Бегущая строка< /marquee>
Атрибут behavior устанавливает способ движения содержимого. Возможные значения:
alternate - контент перемещается между правым и левым краем элемента.
< marquee behavior="alternate">Туда и обратно< /marquee>
slide - контент перемещается в заданном направлении, доходит до края области и останавливается.
< marquee behavior="slide">Идем и останавливаемся< /marquee>
Атрибут direction указывает направление перемещения: left (по умолчанию), right, up и down.
< marquee direction="down">Ползем сверху вниз< /marquee>
< marquee direction="right">Ползем направо< /marquee>
< marquee direction="up">Ползем снизу вверх< /marquee>
к оглавлению
7. Списки:
7.1. Упорядоченные списки (с нумерацией):
Упорядоченный список задается тэгом < ol> ... < /ol>. Элементы списка прописываются после тэга < li>. Кроме того в данном теге < ol> можно прописать дополнительный параметр:
start - определяет число, с которого начинается нумерация пунктов списка. Может принимать только целые значения, в том числе и отрицательные (дробные значения браузер превратит в целые). По умолчанию start="1"
В теге < li> также есть доп.вложения:
value - изменяет порядок нумерации элементов списка, начиная с того, где был задан этот параметр. Действует до конца списка, либо до тех пор, пока снова не встретится параметр value, опять изменяющий нумерацию.
type - изменяет тип нумерации, действует только на конкретный пункт, и имеет следующие значения:
A - заглавные латинские буквы (A, B, C...)
a - строчные латинские буквы (a, b, c...)
I - большие римские цифры (I, II, III...)
i - маленькие римские цифры (i, ii, iii...)
1 - обычные цифры (1, 2, 3...)
По умолчанию type="1".
Пример: задаем списку нумерацию строчными латинскими буквами и нумерация начинается с пятого пункта
< ol type="a" start="5">
< li>морковь
< li>капуста
< li>картофель
< /ol>
- морковь
- капуста
- картофель
7.2. Неупорядоченные списки (без нумерации):
Неупорядоченный список задается тэгом < ul> ... < /ul>. Элементы списка прописываются после тэга < li>. Параметр у тэга < ul> один:
type - определяет тип маркера перед пунктами, может принимать значения:
disc - закрашенный кружок
circle - незакрашенный кружок
square - закрашенный квадрат
По умолчанию type="disc".
В неупорядоченном списке тэг < li> может иметь параметр type, таким образом, каждому элементу списка будет назначен свой тип маркера. Используя стили (CSS), можно вообще назначить маркером какой-либо рисунок или отказаться от маркирования.
Пример:
< ul type="circle">
< li>незакрашенный кружок
< li type="disc">закрашенный кружок
< li type="square">закрашенный квадрат
< /ul>
- незакрашенный кружок
- закрашенный кружок
- закрашенный квадрат
Списки выводятся браузером с новой строки. Элемент, следующий за списком, тоже выводится с новой строки. Слева, сверху и снизу от списка имеется некоторый отступ.
Списки могут быть вложенными. Вложенность не ограничена. Элемент списка сам может быть списком. При этом у вложенного неупорядоченного списка < ul> есть такая особенность: типы маркеров меняются в зависимости от уровня вложенности.
Вложенности нет, по умолчанию type="disc".
1-й уровень вложенности, type="circle".
2-й уровень вложенности, type="square".
3-й уровень вложенности, что, опять disc? Не-а, type="square". Как ни крути.
Кстати, неважно куда вложен список, в < ul> или < ol>, главное, что он - вложен.
А еще список вообще можно построить без всяких там < ol> и < ul>, вот так:
< li>элемент списка
< li>
< li>элемент списка
элемент списка
элемент списка
Вот только в этом случае никаких отступов не будет, и список получится неупорядоченный, промаркированный закрашенными кружочками. Если же мы хотим вовсе не кружочки, а квадратики, то придется прописывать параметр type для каждого тэга < li>. Также обратите внимание, что совсем необязательно писать что-либо после тега < li>. В таком случае элемент нашего списка будет пуст, но тоже промаркирован.
к оглавлению
8. Размещение картинок и иллюстраций:
8.1.Журнал "Самиздат" позволяет разместить картинки и иллюстрации к произведениям в форматах .jpg и .gif непосредственно в самом тексте произведения, либо в аннотации к произведению. Делается это в три этапа:
1. Сперва разместить само произведение.
2. Войти в его "Редактирование"(Edit), перейти по линку "Загрузить Иллюстрации" на форму закачки иллюстраций, и закачать графические файлы по одному, или оптом в виде архива.
3. Перейти на TextEdit - редактирование текста произведения, и в соответствующих местах расставить html-вызовы картинок в виде:
< img src="Адрес картинки, который начинается с букв: http: "> и нажать "Store body"