logo_s

САМОУЧКА

Сайт для тех, кто хочет научиться

 

 

 

 

 

 

Главная

О Нас

Публикации

Связь

 

 

 

 

 

 

 

Наши публикации

 

HTML для новичков

 

XHTML

 

CSS для новичков

 

CSS 3

 

JavaScript

Предыдущая страница

Следующая страница

 

 

Правильно отформатированный текст лучше усваивается пользователями..

Разделение на абзацы

Большие объемы сплошного текста сложно читать, старайтесь всегда разбивать сплошной текст на абзацы.

В HTML для создания абзацев используется тэг <p>. Перед и после данного тэга браузеры автоматически отступают одну строку.

Пример

<p>Мост — искусственное сооружение, возведенное через реку, озеро, пролив или любое
другое водное препятствие.</p> 
<p>Мост является одним из древнейших инженерных изобретений человечества.</p> 

HTML тэги форматирования

С помощью тэгов форматирования Вы можете выделять "важный" текст на страницах, создавать тексты "рукописного начертания", добавлять в HTMLдокументы формулы, а также увеличивать и уменьшать размер шрифта.

Обратите внимание: strong и em задумывались как специальные тэги для выделения "важного" содержимого, а тэги b и i просто для создания жирного и курсивного текста. Несмотря на то, что браузеры отображают их точно также как тэги b и i, поисковые системы могут придавать им различное значение при анализе страницы.

Пример

<b>Этот текст написан жирным шрифтом.</b> 
<i>Этот текст написан курсивом.</i> 
<p>Это обычный текст<sub>это текст в нижнем индексе.</sub></p> 
<p>Это обычный текст<sup>это текст в верхнем индексе.</sup></p> 
<em>Данный тэг определяет важное содержимое.<em> 
<strong>Данный тэг определяет очень важное содержимое.<strong> 
<big>Размер шрифта этого текста увеличен.</big> 
<small>Размер шрифта этого текста уменьшен.</small> 

Перевод на новую строку

Используйте тэг <br /> если хотите перевести текст на новую строку.

Пример

<p> Это а<br />бзац разби<br />тый на нескол<br />ько строк </p> 

Предформатированный текст

С помощью HTML тэга <pre> Вы можете отобразить предформатированный текст.

Все что находится внутри тэга <pre> будет отображено точно так как написано. Браузер не будет удалять идущие подряд пробелы и символы перевода строки.

Пример

<pre> 
Какой-то текст какой-то текст
Какой-то текст какой-то текст
Какой-то текст какой-то текст
Какой-то текст какой-то текст
Какой-то автор</pre> 

Сделайте сами

Задание 1 оформите текст согласно пояснительным заметкам:

Пример

....
<!-- Абзац --> Мост — искусственное сооружение, возведенное через реку, озеро,
пролив или любое другое водное препятствие. Мост, возведенный через дорогу, называют
путепроводом, мост через овраг или ущелье — виадуком. <!-- Абзац --> 
<!-- Абзац --> Мост является одним из древнейших инженерных изобретений
человечества. <!-- Абзац --> 
.... 

Задание 2 исправьте ошибки в коде, чтобы текст в редакторе отобразился в точности как код ниже:

Пример

Уильям Шекспир - английский драматург и поэт, один из самых знаменитых драматургов мира.

Около 1595 года Шекспир создаёт одну из самых известных своих трагедий — «Ромео и Джульетту».


Ромео и Джульетта

Две знатные фамилии, равно
Почтенные, в Вероне обитали,
Но ненависть терзала их давно, —
Всегда они друг с другом враждовали.

    
    
    
      

Предыдущая страница

Следующая страница

 

Последние добавления

 

HotLog