HTML Обучающая система

Содержание О системе Авторы

Работа с текстом

Для создания параграфа с текстом в HTML применяется тег p. Тег параграфа должен быть обязательно закрыт. Для параграфа так же можно задать выравнивания текста с помощью атрибута style.

Листинг 3 — несколько параграфов с разным выравниванием

<p style='text-align: left;'>
	Lorem ipsum dolor sit amet, consectetur adipisicing 
	elit, sed do eiusmod tempor incididunt ut labore et 
	dolore magna aliqua. Ut enim ad minim veniam, quis 
	nostrud exercitation ullamco laboris nisi ut aliquip 
	ex ea commodo consequat.
</p>
<p style='text-align: right;'>
	Lorem ipsum dolor sit amet, consectetur adipisicing 
	elit, sed do eiusmod tempor incididunt ut labore et 
	dolore magna aliqua. Ut enim ad minim veniam, quis 
	nostrud exercitation ullamco laboris nisi ut aliquip 
	ex ea commodo consequat.
</p>
<p style='text-align: center;'>
	Lorem ipsum dolor sit amet, consectetur adipisicing 
	elit, sed do eiusmod tempor incididunt ut labore et 
	dolore magna aliqua. Ut enim ad minim veniam, quis 
	nostrud exercitation ullamco laboris nisi ut aliquip 
	ex ea commodo consequat.
</p>
<p style='text-align: justify;'>
	Lorem ipsum dolor sit amet, consectetur adipisicing 
	elit, sed do eiusmod tempor incididunt ut labore et 
	dolore magna aliqua. Ut enim ad minim veniam, quis 
	nostrud exercitation ullamco laboris nisi ut aliquip 
	ex ea commodo consequat.
</p>
Пример из листинга №3

Выделение отдельных фрагментов текста

Для выделения отдельных слов или целых предложений в HTML используються следующие теги:

strong
Выделяет текст полужирным
strike
Зачеркивает текст
em
Выделяет курсивом
small
Уменьшает размер шрифта
big
Увеличивает размер шрифта

Листинг 4 — выделение фрагментов текста

<p>
	<strong>Lorem ipsum dolor sit amet</strong>, consectetur adipisicing 
	elit, sed do eiusmod tempor <big>incididunt<small> ut labore et 
	dolore magna aliqua. Ut enim ad minim veniam, quis 
	nostrud <strike>exercitation</strike> ullamco laboris nisi <em>ut aliquip</em>
	ex ea commodo <small>consequat</small>.
</p>
Пример из листинга №4

Задание 2

Составьте HTML документ содержащий параграф с текстом и выделить несколько фрагментов текста аналогично картинки листинга 4.