Заголовки и редактирование текста
HTML как мы уже знаем – это язык гипертекстовой разметки и сегодня я в этой статье я вам поведаю как можно создавать заголовки и редактировать текст, но с начало не большое отступление. А почему нам нельзя отредактировать текст допустип в Word, как нам нужно в теге <body> и не отобразить его. Конечно так можно сделать, но текст отображаться как вам нужно не будет по одной простой причине интерпретатор браузера воспринимает только теги, у вас выйдет просто каша из слов, чтобы это избежать нужно воспользоваться следующими тегами.
Для образования абзаца, можно воспользоваться тегом <p></p>.
<p>Тут текст</p>
HTML имеет 6 видов заголовок, самой большой это тег <h1></h1>, пример:
<html> <head> <title>Заголовки</title> </head> <body> <h1>Привет, мир!</h1> </body> </html>
Поменьше после <h1> идет тег <h2></h2> и так вы их можете перечислять до <h6></h6>
У каждого тега имеется свой атрибут, атрибут – это можно сказать дополнительные настройка отображения того или иного тега, например у тега <h1></h1> имеется такой тег как align, он отвечает за расположения текста по горизонтали. У него есть такие значение как, left(расположения текста с лева от экрана), right(расположение текста с права от экрана) и center(центр экрана), синтаксис (правописание) у них такой:
<h1 align=”center”>Моя страница</h1>
Не забывайте ставить кавычки у значения атрибута, так как это считается хорошим тоном, плюс ваш браузер может просто выдать ошибку, если в значение атрибута находится цифра, то кавычки можно опустить.
Чтобы выделить текст в жирный существует такой тег как <b></b>, внутри него текст будет выделен жирным, только есть одно «но» он является уже устаревшим, современные браузеры могут его просто проигнарировать, но разработчики нас пожелели и добавили нам тег <strong>.
Есть такой тег <i>Курсив</i>, он пишет курсивом, <em></em> тоже пишет курсив, <u>подчеркивание</u>.
Теги <strike> и <s> отображают текст перечеркнутым:
<strike>Перечеркнутый текст</strike>
<s>Перечеркнутый текст</s>
Тег <sub> сдвигает текст ниже уровня строки и уменьшает размер шрифта. Он используется для создания нижних индексов, например, H2O:
Вода H<sub>2</sub>O
Тег <sup> сдвишает текст выше уровня строки и уменьшает размер шрифта. Этот тег используется чаще всего создания степеней, например, м2:
Измерения площади - м<sup>2</sup>
Для редактирования большого текста существует тег <font></font>. С помощью его атрибутов можно определить размер, тип и цвет шрифта, пример: атрибут size(размер текста), color(цвет текста), пример:
<html> <head> <title>Заголовки</title> </head> <body> <h1 align=”center”>Привет, мир!</h1> <font size=5 color=red>Какой-то текст тут…</font> </body> </html>
Наиболее часто используемые цвета:
black - #oooooo - черный;
white - #FFFFFF - белый;
yellow - #ffff00 - желтый;
silver - #C0C0C0 - серый;
red - #ff0000 - красный;
green - #008000 - зеленый;
gray - #808080 - темно-серый;
blue - #0000ff - синий;
navy - #000080 - темно-синий;
purple - #800080 - фиолетовый.
Также можно иногда увидеть и такие теги как <big>, служит для увеличение текста:
Текст <big>большой размер</big> размера.
Есть противоположный тег, который выводит маленький текст <small>:
Текст <small>маленького размера</small>
Для вывода текста моноширинным шрифтом используется тег <tt>:
<tt>Моноширнинный шрифт</tt>
Тег <center></center>, так же может разместить текст по центру.
Практически все теги, рассмотрены в предыдущем разделе, являются тегами физического форматирования. Исключение составляют теги <strong> и <em>. Эти теги являются тегами логического форматирования текста и используются для выделения очень важных и просто важных фрагментов соотвественно. Теги логического форматирования используются для структурной разметки документа и могут отображаться разными Web-браузерами поразному. Перечислим основные теги логического форматирования:
<cite>...</cite> - применяется для отметки цитат, а также названий произведений;
<code>...</code> - служит для отметки фрагментов программного кода;
<acronym>...</acronym> - используется для отметки аббревиатур;
<kdd>...</kdd> - отмечает фрагмент как вводимый пользователем с клавиатуры;
<q>...</q> - используется для отметки коротких цитат;
<samp>...</samp> - применяется для отметки результата, выдаваемого программой;
<var>...</var> - отмечает имена переменных.
Для того чтобы разделить строки используется одинарный тег <br>.
Если мы набирем текст в виде:
Строка1
Строка2
Строка3
В этом случае Web-браузер просто отобразит этот текст в одну строку, чтобы текст отобразился так как нам нужно в конце каждой строки пишем тег <br>:
Строка1<br>
Строка2<br>
Строка3<br>
Для вывода текста в том же виде, что и в исходном коде, можно использовать парный тег <pre>:
<pre>
Строка1
Строка2
Строка3
</pre>
Еще у html есть такой тег, который проводит горизонтальную линию, он является одинарным <hr>.
Это основные теги для работы с текстом, сейчас большенство тегов выше перечисленные разработчиками уже не используются, т.к. существует css, спасибо, что прочитали статью, дальше будет еще интересней. :)
Дата создания: 06.06.2014 23:51:25
Автор: Максим Фёдоров
Комментарии (0):
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.