2

kurs

html

Lekcja 4: akapit

html

Akapit to podstawowy znacznik, w którym będziemy umieszczać tekst.

<p> </p>

Stosowanie nagłówków, akapitów na stronie daje nam możliwość zbudowania logicznej struktury strony.

<!DOCTYPE HTML>
<html lang="pl">

<head>
<title>Tytuł strony</title>
</head>

<body>

<header></header>


<section>

<article>
<h1>Nagłówek H1<h1>
<p>Zawartość akapitu.<p>
</article>

</section>


<footer></footer>

</body>

<html>

Dla akapitów możemy przygotować indywidualne formatowanie.

W poniższym przykładzie zdefiniujemy w stylu kolor czcionki.

<p style="color: red;">Tekst w kolorze czerwonym.</p>
Przykład

Tekst w kolorze czerwonym.

W kolejnym przykładzie przygotujemy formatowanie, które umożliwi nam wyrównanie pierwszego zdania do prawej natomiast drugie wyśrodkuje. Trzecie zdanie będzie wyrównane do lewej i jest to formatowanie domyśle dla każdego akapitu, dlatego w tym przypadku nie musimy definiować osobnego stylu.

<p style="text-align: right;">Tekst wyrównany do prawej.</p>
<p style="text-align: center;">Tekst wyśrodkowany.</p>
<p>Tekst domyślnie wyrównany do lewej.</p>
Przykład

Tekst wyrównany do prawej.

Tekst wyśrodkowany.

Tekst domyślnie wyrównany do lewej.

comments powered by Disqus

Do góry