Авторизация:

Вы здесь: Главная  >  HTML  >  HTML Основы  >  Заголовки и редактирование текста

Заголовки и редактирование текста

Заголовки и редактирование текста

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):

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.