WPISYWANIE TEKSTU HTML
|
WPISYWANIE TEKSTU
|
<b>tekst pogrubiony</b>
<i>tekst pochylony</i>
<u>tekst podkreślony</u>
<font size="n">Tu wpisz tekst</font>
- jako n należy wpisać wartość od 1 (czcionka najmniejsza) do 7 (czcionka największa), (3 – domyślna).
<font color="kolor">Tu wpisz tekst</font>
- zamiast kolor należy wpisać, o jaką barwę nam chodzi; można to zrobić na dwa sposoby: podać słowną nazwę jednego z szesnastu kolorów podstawowych lub numer koloru w kodzie szesnastkowym.
black silver gray white maroon red purple fuchsia green lime olive yellow nawy blue teal aqua
Czcionka koloru "#800af0"
<i>tekst pochylony</i>
<u>tekst podkreślony</u>
<font size="n">Tu wpisz tekst</font>
- jako n należy wpisać wartość od 1 (czcionka najmniejsza) do 7 (czcionka największa), (3 – domyślna).
<font color="kolor">Tu wpisz tekst</font>
- zamiast kolor należy wpisać, o jaką barwę nam chodzi; można to zrobić na dwa sposoby: podać słowną nazwę jednego z szesnastu kolorów podstawowych lub numer koloru w kodzie szesnastkowym.
black silver gray white maroon red purple fuchsia green lime olive yellow nawy blue teal aqua
Czcionka koloru "#800af0"
<fontHTML-zmienna1">rodzaj czcionki">Tu wpisz tekst</font>
<sup>indeks górny</sup>
<sub>indeks dolny</sub>
<br> - koniec linii
<p>treść akapitu</p>
<p align="left">wyrównanie tekstu do lewej strony</p>
<p align="right">wyrównanie tekstu do prawej strony</p>
<p align="center">wyśrodkowanie tekstu</p>
<p align="justify">wyjustowanie tekstu</p>
Parametry (atrybuty i znaczniki) dotyczące tekstu można łączyć, wpisując je po kolei rozdzielone spacjami.
Znaczniki zamykamy w kolejności odwrotnej, niż je otwieraliśmy.
<p align="center"><font size="5" color="red"color: green;">Courier New"><b><i><u>To jest jakiś tekst</u></i></b></font></p>
Wstawianie neonu – poruszającego się poziomo po ekranie tekstu.
Wstaw/Składnik sieci Web…/Neon
<marquee behavior="scroll">Pływający tekst</marquee>
- tekst porusza się od jednego brzegu strony w kierunku drugiego, znika za nim i wypływa ponownie zza pierwszego brzegu
<marquee behavior="alternate">Pływający tekst</marquee>
- tekst wyrusza od pierwszego brzegu, dociera do drugiego i "odbija się", powracając w kierunku pierwszego
<marquee behavior="scroll" bgcolor="kolor" width="x" height="y">Pływający tekst</marquee>
- kolor – kolor tła, x – szerokość, y - wysokość
Kolor tła oraz tekstu całej strony powinniśmy ustalać zawsze jednocześnie.
Nawet, jeśli ustalimy kolor tekstu na całej stronie, możemy go później lokalnie (miejscowo) zmieniać za pomocą polecenia
<font color="kolor">...</font>
<body bgcolor="kolor tła" text="kolor tekstu">...</body>
Dowolny obrazek w tle:
<body background="plik graficzny">...</body>
- jako plik graficzny należy podać nazwę obrazka, który chcemy umieścić w tle.
lub
<body background="plik graficzny" bgproperties="fixed">...</body>
- tło obrazkowe jest nieruchome, tzn. nie przesuwa się wraz z tekstem, gdy przewijamy zawartość okna.
<sup>indeks górny</sup>
<sub>indeks dolny</sub>
<br> - koniec linii
<p>treść akapitu</p>
<p align="left">wyrównanie tekstu do lewej strony</p>
<p align="right">wyrównanie tekstu do prawej strony</p>
<p align="center">wyśrodkowanie tekstu</p>
<p align="justify">wyjustowanie tekstu</p>
Parametry (atrybuty i znaczniki) dotyczące tekstu można łączyć, wpisując je po kolei rozdzielone spacjami.
Znaczniki zamykamy w kolejności odwrotnej, niż je otwieraliśmy.
<p align="center"><font size="5" color="red"color: green;">Courier New"><b><i><u>To jest jakiś tekst</u></i></b></font></p>
Wstawianie neonu – poruszającego się poziomo po ekranie tekstu.
Wstaw/Składnik sieci Web…/Neon
<marquee behavior="scroll">Pływający tekst</marquee>
- tekst porusza się od jednego brzegu strony w kierunku drugiego, znika za nim i wypływa ponownie zza pierwszego brzegu
<marquee behavior="alternate">Pływający tekst</marquee>
- tekst wyrusza od pierwszego brzegu, dociera do drugiego i "odbija się", powracając w kierunku pierwszego
<marquee behavior="scroll" bgcolor="kolor" width="x" height="y">Pływający tekst</marquee>
- kolor – kolor tła, x – szerokość, y - wysokość
Kolor tła oraz tekstu całej strony powinniśmy ustalać zawsze jednocześnie.
Nawet, jeśli ustalimy kolor tekstu na całej stronie, możemy go później lokalnie (miejscowo) zmieniać za pomocą polecenia
<font color="kolor">...</font>
<body bgcolor="kolor tła" text="kolor tekstu">...</body>
Dowolny obrazek w tle:
<body background="plik graficzny">...</body>
- jako plik graficzny należy podać nazwę obrazka, który chcemy umieścić w tle.
lub
<body background="plik graficzny" bgproperties="fixed">...</body>
- tło obrazkowe jest nieruchome, tzn. nie przesuwa się wraz z tekstem, gdy przewijamy zawartość okna.
Przepisz podane teksty stosując odpowiednie formatowanie:
Ćwiczenie 1.
Kłopotliwe samo h
dość szczególną skłonność ma:
lubi "hałaśliwe" słowa:
huk, harmider, hałasować!
Ćwiczenie 2.
rozmiar 1 (8pkt.)
rozmiar 2 (10pkt.)
rozmiar 3 (12pkt.)
rozmiar 4 (14pkt.)
rozmiar 5 (18pkt.)
rozmiar 6 (24pkt.)
rozmiar 7 (36pkt.)
rybie oko
Ćwiczenie 3.
Tekst wyrównany do lewej
Tekst wyśrodkowany
Tekst wyrównany do prawej
Ćwiczenie 4.
Ogłoszenie
Sprzedam tanio rower górski.
wiadomość:
tel. 1234567
Ćwiczenie 5.
x2 + 25
H2O
(x + y)2 = x2 + 2xy + y2
Ćwiczenie 6.
Neon jest to przesuwający się poziomo po ekranie tekst.
Neon jest to przesuwający się poziomo po ekranie tekst.