| Меню сайта |
|
 |
| Реклама |
 |
|
|
 | |  |
|
Редактирование HTML текста
|
|
Редактирование текста html
В данном уроке мы познакомимся с тегами, отвечающими за внешний вид текста, так-же мы научимся применять эти теги по назначению, в соответствии с атрибутами.
В основном на отображение и внешний вид текста, в web - документе, большую роль играет тег <font>. Он является парным, поэтому в конце, ( строки, абзаца, и.т.п. ) необходимо поставить закрывающий тег </font>.
Сам по себе тег <font> ничего не значит. Важность ему придают его атрибуты. Если нам придать тексту абзаца определенный цвет и размер, мы должны прописать атрибут, отвечающие за это.
Атрибуты:
color...................... необходимо добавить значение цвета.
size............................... необходимо указать рамер кегля.
face........................................ вид шрифта: aria, Verdana.
Для начала давайте попробуем изметить строчку на синий цвет. Скопируйте в буфер любой абзац и вставте его в блокнот. Затем выберите любое предложение и следуйте по примеру. Открывающий тег <font> следует поместить в начало предложения и аналагично с закрыващим - в конец.
Пример:
<font color="green">Текст предложения зеленый</font>
<font color="green"><span style="font-size: 18pt; font-family: Monotype Corsiva">
Написание шрифтом Corsiva</font></span>
Размер нашего шрифта остался не измененным, по умолчанию браузера. Но если мы добавим атрибут size, то сможем задавать необходимые нам размеры. Для этого его следует поместить перед атрибутом color и указать в кеглях размер. Закрывающий тег обязателен, сразу в том месте, где нужно будет начать шрифт по умолчанию, либо изменить на другой.
Пример:
<font size="17"><font color="green">Размер текста увеличен</font></font>
Теперь давайте попробуем научится выделять слова жирным шрифтом. Для этого возьмем предыдущий пример и добовим к нему парный тег <b>, хотя сейчас в частности используют вместо него тег <strong> - он так-же выделяет текст жирным шрифтом. Итак: Именно ту часть текста, которую мы хотим выделить жирным, помещаем внутрь тега <b>.
Пример:
<font size="15"><font color="green">Текст написания<b>жирный</b></font></font>
Шрифт можно изменять не только на жирный, но и сделать его курсивом. Для этого необходим тег <em>, который так-же является парным.
Последовательность тегов играет очень большую роль, в написании html страницы! Стоит только ошибиться или пропустить хотя бы один символ, то браузер не сможет прочитать команду и будет ее игнорировать. В итоге некоректное отображение web-странички приводит к ужасающим последствиям. Текст может быть потерян, неверный формат ссылок и не правильно указанный url для интерактива.
Таблица выравнивания текста
на Web-странице
| Код HTML |
Описание |
| <p>Текст</p> |
Добавляет новый параграф, по умолчанию выровненный по левому краю. Перед параграфом и после него автоматически добавляются небольшие вертикальные отступы. |
<p align="left">
Текст</p> |
Выравнивание по левому краю. |
<p align="right">
Текст</p> |
Выравнивание по правому краю. |
<p align="center"
>Текст</p> |
Выравнивание по центру. |
<p align=
"justify">Текст
</p> |
Выравнивание по ширине. |
<nobr>Текст
</nobr> |
Отключает автоматический перенос строчек, даже если текст документа шире окна браузера.
|
| Текст<wbr> |
Разрешает браузеру делать перенос строки в указанном месте, даже если используется <norb>
|
<center>Текст
</center> |
Позволяет выравнивать текст по центру web-страницы. |
<div align=
"center"Текст
</div> |
Выравнивание по центру. |
<div align="left">
Текст</div> |
Выравнивание по левому краю. |
<div align="right">
Текст</div> |
Выравнивание по правому краю. |
<div align=
"justify">Текст
</div> |
Выравнивание по ширине. |
Редактирование текста html
В данном уроке мы познакомимся с тегами, отвечающими за внешний вид текста, так-же мы научимся применять эти теги по назначению, в соответствии с атрибутами.
В основном на отображение и внешний вид текста, в web - документе, большую роль играет тег <font>. Он является парным, поэтому в конце, ( строки, абзаца, и.т.п. ) необходимо поставить закрывающий тег </font>.
Сам по себе тег <font> ничего не значит. Важность ему придают его атрибуты. Если нам придать тексту абзаца определенный цвет и размер, мы должны прописать атрибут, отвечающие за это.
Атрибуты:
color...................... необходимо добавить значение цвета.
size............................... необходимо указать рамер кегля.
face........................................ вид шрифта: aria, Verdana.
Для начала давайте попробуем изметить строчку на синий цвет. Скопируйте в буфер любой абзац и вставте его в блокнот. Затем выберите любое предложение и следуйте по примеру. Открывающий тег <font> следует поместить в начало предложения и аналагично с закрыващим - в конец.
Пример:
<font color="green">Текст предложения зеленый</font>
<font color="green"><span style="font-size: 18pt; font-family: Monotype Corsiva">
Написание шрифтом Corsiva</font></span>
Размер нашего шрифта остался не измененным, по умолчанию браузера. Но если мы добавим атрибут size, то сможем задавать необходимые нам размеры. Для этого его следует поместить перед атрибутом color и указать в кеглях размер. Закрывающий тег обязателен, сразу в том месте, где нужно будет начать шрифт по умолчанию, либо изменить на другой.
Пример:
<font size="17"><font color="green">Размер текста увеличен</font></font>
Теперь давайте попробуем научится выделять слова жирным шрифтом. Для этого возьмем предыдущий пример и добовим к нему парный тег <b>, хотя сейчас в частности используют вместо него тег <strong> - он так-же выделяет текст жирным шрифтом. Итак: Именно ту часть текста, которую мы хотим выделить жирным, помещаем внутрь тега <b>.
Пример:
<font size="15"><font color="green">Текст написания<b>жирный</b></font></font>
Шрифт можно изменять не только на жирный, но и сделать его курсивом. Для этого необходим тег <em>, который так-же является парным.
Последовательность тегов играет очень большую роль, в написании html страницы! Стоит только ошибиться или пропустить хотя бы один символ, то браузер не сможет прочитать команду и будет ее игнорировать. В итоге некоректное отображение web-странички приводит к ужасающим последствиям. Текст может быть потерян, неверный формат ссылок и не правильно указанный url для интерактива.
Таблица выравнивания текста
на Web-странице
| Код HTML |
Описание |
| <p>Текст</p> |
Добавляет новый параграф, по умолчанию выровненный по левому краю. Перед параграфом и после него автоматически добавляются небольшие вертикальные отступы. |
<p align="left">
Текст</p> |
Выравнивание по левому краю. |
<p align="right">
Текст</p> |
Выравнивание по правому краю. |
<p align="center"
>Текст</p> |
Выравнивание по центру. |
<p align=
"justify">Текст
</p> |
Выравнивание по ширине. |
<nobr>Текст
</nobr> |
Отключает автоматический перенос строчек, даже если текст документа шире окна браузера.
|
| Текст<wbr> |
Разрешает браузеру делать перенос строки в указанном месте, даже если используется <norb>
|
<center>Текст
</center> |
Позволяет выравнивать текст по центру web-страницы. |
<div align=
"center"Текст
</div> |
Выравнивание по центру. |
<div align="left">
Текст</div> |
Выравнивание по левому краю. |
<div align="right">
Текст</div> |
Выравнивание по правому краю. |
<div align=
"justify">Текст
</div> |
Выравнивание по ширине. |
|
|
|
|
|
| |
 | |  |
|
| Заработай сейчас! |
 |
|
| Навигация по сайту |
|
|
| Поиск по сайту |
|
|
|
