HTML: различия между версиями
Содержимое удалено Содержимое добавлено
Строка 110:
</source>
===Теги форматирования===
Теперь перейдем к форматированию текста. Форматирования задает не так внешний вид, как структуру страницы. Важнейшими тегами форматирования есть абзацы (англ. paragraph) и заголовки (англ. header). Заголовки бывают шести уровней. Заголовки первого уровня главные и самые, а заголовки шестого уровня даже меньше чем текст абзацев. Ниже пример использования заголовков:
<source lang="html4strict">
<html>
<head>
<title> Властелин колец </title>
</head>
<body>
<h2>Пролог</h2>
<h3>О хоббитах</ h3>
В этой книге речь пойдет преимущественно о хоббитов, и с ее страниц читатель узнает немало об их ... и т. д.
<h1>Братство кольца </h1>
<h2>КНИГА ПЕРВАЯ </h2>
<h3>I Долгожданная гостиная </h3>
<h3> ... и т.д. </h3>
<h3>XII Побег к броду</h3>
<h2>КНИГА ВТОРАЯ</h2>
<h3>...и т.д.</h3>
</body>
</html>
</source>
<blockquote>''Я здесь пишу и пишу примеры. Не забывайте пробовать что-то сами! Или хотя бы по крайней мере посмотрите как будут выглядеть примеры страниц которые вам даются в вашем браузере .''</blockquote>
Теперь еще один маленький пример, который касается форматирования:
<source lang="html4strict">
<html>
<head>
<title>Ударяет мечом</title>
</head>
<body>
Ударяет мечом,
Ударяет, ударяет,
Большой комтура Закона,
Чтобы с него честь
Была для нас,
А для Вкраплении оборона!
</body>
</html>
</source>
К сожалению, браузеры отвергают все символы переноса строки, табуляции, а также лишние пробелы. Поэтому этот стишок отображается в один или несколько строк (в зависимости от ширины окна). Но есть выход.
Можно каждую строчку стихотворения поместить в отдельный абзац. Правда обычно между абзацами большие белые поля. Поэтому можно использовать одинарный тег <nowiki><br/></nowiki>;. Этот тег означает переход на новую строку, то есть обрыв ('''br'''eak) старого.
<blockquote>''Здесь следует вставить замечание. Все теги ходят парами открывающий - закрывающий. Между ними содержатся элементы гипертекста. Но, в тег обрыва строки не содержит ничего. Поэтому он пару и не имеет. Но, новейшие стандарты требуют, чтобы все теги закрывались. Правда учтя наличие тегов подобных br, придумали сокращенную форму записи. Он как бы открывается, а потом сразу закрывается. Это кажется довольно странным. Конечно можно писать и в старом формате: <nowiki><br></nowiki>;. Но лучше иметь код, который отвечает новейшим стандартам .''</blockquote>
И еще один способ - взять весь стих в теги <pre></pre>. Весь текст помещенный между этими тегами отображается точно так же как его видно в редакторе. Правда этот тег также меняет шрифт на какой моноширинный. Но зато мы можем делать с текстом интересные вещи:
<source lang="html4strict">
<html>
<head>
<title>Long Tail</title>
</head>
<body>
It is a long tail, certainly, 'said Alice, looking down with wonder at the Mouse's tail'
`But why do you call it sad? ' And she kept on puzzling about it while the Mouse was speaking,
so that her idea of the tale was something like this: -
<pre>
`Fury said to a
mouse, That he
met in the
house,
"Let us
both go to
law: I will
prosecute
YOU. - Come,
I'll take no
denial; We
must have a
trial: For
really this
morning I've
nothing
to do. "
Said the
mouse to the
cur, "Such
a trial,
dear Sir,
With
no jury
or judge,
would be
wasting
our
breath. "
"I'll be
judge, I'll
be jury, "
Said
cunning
old Fury:
"I'll
try the
whole
cause,
and
condemn
you
to
death. "</pre>
</body>
</html>
</source>
Еще немного о теги изменения шрифта. Шрифт может иметь три дополнительные атрибуты'''жирность (bold )ь'',''курсивнисть (italic)''и <u> подчеркивание (underlined) </u>. Они меняются с помощью тегов: <nowiki><b><i></nowiki> и <nowiki><u></nowiki> соответственно.
Правда вместо тега <nowiki><b></nowiki> рекомендуют использовать тег <nowiki><strong></nowiki>. Кроме того существует еще такое свойство как искривленность. Когда она задавалась тегом <nowiki><s></nowiki>, что означало strikeout. Но опять же в современном мире слова не вычеркивают, их удаляют, поэтому в порядке модернизации используют тег <nowiki><del></nowiki>.
<blockquote>''Школа w3 напротив тегов <nowiki><u>,<s></nowiki> и <nowiki><strike></nowiki> пишет "deprecated". Что в переводе означает: "сильно возражать, выступать против, протестовать". Кто протестует не сказано, но скорее всего Консорциум трех дубльве. Вместо тегов вычеркивания рекомендуют использовать тег удаления. А вместо тега подчеркивания - стили .''</blockquote>
Кроме тегу удаления ввели тег вставки. Тег вставки указывает текст который вставили после удаления. Выглядит такая вещь примерно так:
<source lang="html4strict">
2 + 2 = <del>5</del><ins>4</ins>
</source>
Причем текст в теге <nowiki><ins></nowiki> будет подчеркнут. (А ребята из w3schools говорили использовать стили.)
Далее опишу все теги в таблице, потому что мне уже надоело здесь о них рассказывать, а вам видимо надоело читать.
{|Class="wikitable"
|-
!Тег!!Пример!! Вид!!Описание
|-
|B||{{nobr|<nowiki><b>текст</b></nowiki>}}||<b>текст</b>|| Задает жирный текст
|-
|Big || {{nobr|<nowiki><big>текст</big></nowiki>}}||<big>текст</big>|| Задает большой текст
|-
|Em ||||||Задает ударяемый текст. (Empharized)
|-
|I || || || Задает курсивный текст
|-
|Small || || || Задает маленький текст
|-
| Strong || || || Задает сильный текст. Выглядит почти так же, как и жирный
|-
| Sub || || || Задает текст в нижнем индексе
|-
| Sup || || || Задает текст в верхнем индексе
|-
| Ins || || || Задает текст, который вставляется после удаления. Обычно подчеркнут.
|-
| Del || || || Задает текст, который удален (выглядит вычеркнутым)
|-
| Code || || || Задает текст, представляющий компьютерный код.
|-
| Kbd || || || Задает текст, который введен с клавиатуры.
|-
| Tt || || || Задает текст, который выглядит так, будто введен с телетайпа. (Моноширинный шрифт)
|-
|Samp|||||| Задает текст, который является примером. (Sample). Почти как примеры в этом тексте.
|-
|Var|||||| Задает текст, представляющий переменную. Наверное для всяких научных статей
|-
|Pre |||||| Задает текст, который сохраняет все символы форматирования, такие как табуляции, пробелы, и переносы строк.
|-
|Abbr |||||| Задает текст аббревиатуры. В атрибуте title можно записать расшифровки.
|-
|Acronym |||||| Задает текст акронима. Акроним и аббревиатура - это одно и то же.
|-
|Address |||||| Задает текст адреса. Отображается курсивом
|-
|Bdo || || || Очень веселый тег. Для тех кто пишет на древнееврейском. В в атрибуте dir можно задать направления текста. "Rtl" - справа налево, "ltr" - нормально
|-
|Blockquote || || || Задает текст большой цитаты.
|-
|Q || || || Задает текст маленькой цитаты.
|-
|Cite||||||Задает текст какой классической цитаты. То вроде "Кто ясно мыслит, тот ясно формулирует"
|-
|Dfn||||||Задает срок для которого будет дано определение. (Definition)
|}
Ну со структурой гипертекста думаю мы разобрались, можно теперь переходить к вещам более глобальным.
===А теперь послушаем музыку.===
==Ссылки==
| |||