Этот урок пойдет о форматирование текста. В HTML все что мы ходим сделать с текстом, заключается в отдельные теги. Например мы хотим разбить текст на обзацы, то нужно поставить теги обзацов. Если хотим выделить заголовки, то прописываем соответствующие теги. Займем для этого определенную тему.
Начну с того, что для подсказки есть определенная страница на моем сайте.
Возможности существуют практически те же, что и в ворде. Но единственное все нужно будет прописывать вручную. Например тегами, конструкциями-таблицами.
Приступаем к примеру .
Возьмем наш каркас , и вставим в него текст(выделено красным).Не забываем, все что скопированно, и мы хотим видеть на сайте в виде контента, нужно вставлять между тегами <body></body> .
<!DOCTYPE
html "-//w3c//dtd XHTML 1.0 Transitional//EN"
"http://www.w3c.org/TR/xhtml1-transitional.dtd">
<html>
<head>
<meta
http-equiv="content-type"
content="text/html;charset=windows-1251" />
<meta
name="autor" content="ФИО" />
<meta
name="description" content="описание страницы" />
<meta
name="keywords" content="курсы, по, thml, оконные, оконые,
рамы," />
<title>Заголовок страницы</title>
</head>
<body>
Перевернули.
Хаммер.
На ровном месте.
Со всей его чудовищной
шириной и расположенным невероятно низко центром тяжести.
Во всем мире зарегистрировано
три случая, когда хаммер переворачивался на ровном месте. Два из них - в
израильской армии.
Когда американцы узнали о
том, что нам это удалось, они прислали в Израиль специальную комиссию. Потому
как до тех пор они даже не подозревали, что такое возможно.
Итак, дано: хаммер на ровной,
как стол, поверхности.
Задача: перевернуть.
Как это делается?
Ну, во-первых, надо ехать
задним ходом.
Во-вторых, делать это очень
быстро.
В-третьих, надо, набрав
скорость, резко развернуться.
Думаете, опрокинется?
Хрен. Это же хаммер!
Поэтому, в-четвертых, надо
при развороте со всей дури врезать по тормозам.
Вот тогда - да. Тогда
опрокинется.
Короче, номер для автородео.
И в какой, по-вашему, ситуации армейский джип выделывает такие акробатические
этюды?
Да только в одной.
Сидят, стало быть, солдаты и
скучают. А скучающий солдат, знаете ли - страшный человек. Что может взбрести в
его одуревшую от армейской рутины голову - это ни в сказке сказать, ни за два
дня обгадить. И вот от скуки заходит у них спор: можно ли на ровном месте
перевернуть хаммер. Слово за слово - решили проверить экспериментально.
Проверили.
Перевернули.
Ура! Заработало! Уй-ё-о-о:
Ну хорошо, скажете вы, это
был первый хаммер. А второй?
А со вторым было примерно
так:
- Слыхал? На такой-то базе
хаммер перевернули.
- Да не свисти.
- Точно говорю!
- Да нельзя его перевернуть!
- Да я тебе говорю! Они как
раз решили проверить, можно ли это сделать.
- Идиоты. Ну и?
- Ну и. Можно. Задним ходом,
разворот - и по тормозам.
- Бред! Не перевернешь его
так.
- Ах, так?! Спорим, переверну?..
</body>
</html>
Если мы его сохраним в таком виде и откроем в
браузере, то увидим. Картинка 2:
Что текст не отредактированный, слитный. В общем
без абзацев.
Первое с чего начнем это теги заголовков. Это
теги <h1,h2,h3,h4>, они имеют закрывающиеся теги < /h1, /h2 ...>. Выглядит это так
: <h1></h1>. Заголовков существует шесть видов. Это от <h1>,
до <h6>.
Тег <h1> это самый большой, самый крупный
заголовок, а все остальные по уменьшению. Все остальные заголовки html можете сами
просмотреть.
Есть тег, а есть атрибуты у тега, параматры. Параметрытега
h - это align.Принимает значения выравнивания. Их три - left,right,centre. Если
этот параметр применяется к картинкам, то центра нет.
Не забываем, что в XHTML, нужно все ставить с
маленького символа : <h2 align="centre;"> - это правильный синтаксис.
Далее разобьем на абзацы. За разбиение на абзацы
отвечает тег <p></p>. Называется так потому, что это сокращенно от английского
слова параграф.
Бывает, что у вас большой текст, очень много параграфов. И что это все вручную разбивать? А нет, есть в ворде такая фишка, как : video_l2
Параметры тега <p> такие же, как и у <h>.Например
: <p align="#;"> - правильный синтаксис. Где # - принимает
значение left,right,centre.
У параграфа есть еще один параметр, такой как
justify. Пишеться : <p align=" justify;">. В этом случае абзац выравнивается с
обеих сторон.
Следующее что применяется это выделение жирным текстом. Это тег <b></b>. Но для поисковой оптимизации лучше использовать тег <strong></strong>. Тег <strong> хорошо виден поисковыми роботами, а так же как и тег <b> его видеть и посетителей Вашего сайта. Так что если Вам нужно выделить определенный ключевик, то Вы должны использовать этот тег.
Для более удобного пользования, предлагаю
перейти по ссылке. Это заметки действующих тегов.
<Предыдущий урок Следующий урок>
Отдохните