«

»

Lis 03

Wydrukuj to Wpis

html-formatowanie tekstu

html-formatowanie-tekstu

Ten temat obejmuje elementy formatowania tekstu: podkreślenie, zmianę czcionki, pogrubienie, kursywę, obramowanie tekstu, zmianę koloru czcionki, komentarz tekstu itd…

Przekreślony tekst

1
<s>Przekreślony tekst</s>

Podkreślony tekst

1
<u>Podkreślony tekst</u>

Pogrubiony tekst

1
<b>Pogrubiony tekst</b>

Tekst

1
<samp>Tekst</samp>

Tekst

1
<big>Tekst</big>

Tekst

1
<small>Tekst</small>

Indeksgórny

1
Indeks<sup>górny</sup>

Indeksdolny

1
Indeks<sub>dolny</sub>

Bardzo duża czcionka

1
<font size="+2">Bardzo duża czcionka</font>

Bardzo duża czcionka 2

1
<font style="font-size:10pt;">Bardzo duża czcionka 2</font>

Bardzo mała czcionka

1
<font size="-2">Bardzo mała czcionka</font>

Czcionka tekstu

1
<font face="Calibra">Czcionka tekstu</font>

Kolor czcionki

1
<font color="red">Kolor czcionki</font>

Przekreślona i kolorowa czcionka

1
<span style="color:red;text-decoration:line-through;">Przekreślona i kolorowa czcionka</span>

Tekst w ramce

1
<span style="border:2px solid red; padding:3px;">Tekst w ramce</span>

Cieniowanie tekstu

1
<span style="background-color:blue; color:white; padding:3px;">Cieniowanie tekstu</span>

Linia przerywana pod tekstem

1
<span style="border-bottom: 2px dashed red;">Linia przerywana pod tekstem</span>

Podwójne podkreślenie

1
<span style="border-bottom: double red;">Podwójne podkreślenie</span>

Tekst

1
<span style="border-style:dashed; border-top-color:blue; border-bottom-color:red; padding:5px;"> Tekst </span>

Podwójna ramka

1
<span style="border-style: double; padding:3px;">Podwójna ramka</span>

Ramka 3D

1
<span style="border-width:thick; border-style:groove; padding:4px; border-color:#FF5730"> Ramka 3D</span>

HTML

1
<acronym  title="Hiper Text Markup Language">HTML</acronym>

Najedź na mnie

1
2
<p title="HTML umożliwia określenie wyglądu dokumentu w przeglądarce internetowej. Do szczegółowego opisu formatowania akapitów, nagłówków, użytych czcionek i kolorów, zalecane jest wykorzystywanie kaskadowych arkuszy stylów.">
Najedź na mnie</p>

Obracanie tekstu
( Obracanie tekstu )

1
<bdo dir="rtl">Obracanie tekstu</bdo>
Odległość między słowami
1
<div style="word-spacing:20px;">Odległość między słowami</div>
Odległość między literami
1
<div style="letter-spacing: 10px;">Odległość między literami
Odległość
między
rzędami
1
<div style="line-height:50px;">Odległość <br/> między <br/> rzędami</div>

Permalink do tego artykułu: http://tmall.com.pl/html-formatowanie-tekstu/

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

Możesz użyć tych znaczników i atrybutów HTMLa: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>