Menu

Создание абзацев в HTML (урок №3)

Абзац в HTML

Абзацы важная составляющая в статье. Каждый крупный информационный ресурс использует абзацы в тексте.

Создание абзацев происходит при помощи английской буквы <p>

Каждый абзац заковывается в пэшную конструкцию. Пример: <p> Абзац </p>

Абзацы в HTML

Полноценный пример:

<p> Абзац N1 </p>

<p> Абзац N2 </p>

<p> Абзац N3 </p>

<p> Абзац N4 </p>

 

Эксклюзивные абзацы

Абзацу можно присвоить индивидуальный внешний вид и эксклюзивное расположение.

Пример:

<p class="sok"> Абзац N1 </p>

<p class="roba"> Абзац N2 </p>

<p class="robin"> Абзац N3 </p>

<style>

.sok {

font-size: 27px;

font-family: century gothic;

text-align: right;

color: orange;

font-weight: 700;

}

.roba {

font-size: 37px;

font-family: verdana;

text-align: center;

color: red;

font-weight: 200;

}

.robin {

font-size: 67px;

font-family: times new roman;

text-align: left;

color: blue;

font-weight: 500;

}

</style>

Результат:

Абзацы HTML

 

 

Абзацы с общим внешним видом и одинаковым расположением

Если требуется задать изменения для всех абзацев, то в CSS используется буковка p

Пример:

<p> Привет </p>

<p> Здравствуйте </p>

<p> Удачи </p>

<style> 

p {

font-size: 50px;

color: yellow; 

background: black;

}

</style>

Результат:

Абзацы CSS

 

Некоторые моменты в вышепоказанной статье могут быть непонятны новичку. По этой причине рекомендуется начинать обучение с первого урока – https://zavlekyxa.ru/sozdanie-pervoj-html-stranitsy/ 



Подпишитесь!

Укажите свой электронный адрес


Производство подчеркиваний на веб-странице (урок №... Читая различные статьи на сайтах начинаешь обращать внимание на подчеркивания, выделения и цветовые колебания в тексте. ...
Позиционирование текста в HTML и CSS (Урок №8)... Позиционирование текста осуществляется с атрибутом align. Именно этот атрибут определяет в какой стороне будет находится...
Курсивные буквы в HTML и CSS (урок №7)... Курсивный текст - это буквы, созданные в наклонном стиле. Пример: Прекрасно! Это Прекрасно! Курсивные буквы созда...
Внедрение фона на веб-страницу (Урок №9)... Любая веб-страница наделена фоном, который является либо картинкой, либо каким-то цветом. Фон создается в CSS. Фоном...
Создание первой HTML страницы на своем компьютере ... Создать веб-страницу реально на компьютере. Созданная страница не будет видна в интернете, она будет отображаться только...
Заголовки в HTML и CSS (урок N2) Веб-страницу трудно представить без заголовков. На миллионах сайтов расположены заголовки, они встречаются перед статьёй...
Создание “жирного” текста в HTML (урок... Самый распространенный способ привлечение внимания к тексту - это увеличение толщины и яркости букв. Владельцы сайто...
Строительство маркированных, нумерованных и картин... Перед просмотром данной статьи рекомендуется изучить начальный урок - https://zavlekyxa.ru/sozdanie-pervoj-html-stra...
Когда кажется, что все безнадежно и лучше никогда не будет, Надо ложиться спать — утром всегда легчает. (Эльчин Сафарли)