menu:
start
rejestracja
regulamin
FAQ reklama
FAQ html
spis stron
pomoc - kontakt
przydatne:
zarabiaj z nami
podstrony:
startowa
dodaj podstronę
administracja:
alias
autoresponder
linki
twoje dane
szablony
zdjęcie-obrazek
znaczniki meta
usuń
ciekawe strony:
zarabiaj z nami
e-biznes
programy do mailingu
marketing internetowy
bines oferty
jak zrobić stronę internetową
zarządzanie czasem
ogłoszenia muzyczne
ebiznes blog
aktualizacja stron internetowych

najnowsze:
abaw
ksiazkitanio
pintal
tibiabot
veneandzdoju
atak17
otsburn
popis
mumas
andziamc
unionots
czysteokna
gemini
firmadariusz
kuba1416
georgeflikon
jasny110
krza0
komorkatemat
dziku220
roksiaczek
titi350
balx
glogos13
sumilu
kubas0700
adrix122
fwb
wolnekonopiesierpc
mateo194
kuchar15
mxt
messi1234
emmagilbert
dolubots
maciejmalec95
mooonik1987
admin777
xhwdpx
maryha1992
|
podstawowe znaczniki html:
Treści na stronach możesz formatować za pomoca podstawowych znaczników html, oto kilka z nich.
Pamiętaj nie bój się próbować - wiem że czasem może nie wychodzić, ale w końcu wyjdzie.
Akapity, wyrównywanie i wiersze (entery).
Aby móc zobaczyć działanie znaku enter - kolejnego wiersza, w źródle strony www należy umieścić znacznik <br>, samo przejście (poprzez naciśnięcie klawisza enter) nie bedzie dawało porządanego efektu.
Akapity natomiast to wybrane fragmenty tekstu dla których mozemy określić odpowiendnie zachowanie, akapit jest oddzielony od pozostałych treści enterem (przejsciem do nowej lini). Akapit robimy zamykajac tekst w parametrze: <p>tekst w akapicie</p>, znacznik akapitu może mieć dodatkowe parametry odpowiadające za wyrównanie tekstu: <p align=left> tekst wyrównany do lewej</p>
<p align=right>tekst wyrównany do prawej</p>
<p align=center>tekst wyrównany do środka</p>
<p align=left>tekst wyrównany do lewej</p>
<center>można również centrować używając znacznika center</center>
<p align=justify>Tekst justowany, a więc tekst wyrównany do prawej i do lewej, zwiększają się tylko i zmiejszają odległość pomiędzy słowami, aby dopasować tekst do obu krawędzi.</p>
Domyślnie tekst jest na stronie justowanuy do lewej.
Nagłówki.
Nagłówki, a więc tekst powiększony, pomniejszony i odzielony osobnym akapitem od reszty, oznaczamy je znacznikami od <h1> do <h6>, dodatkowym parametrem nagłówków może być align o wartościach: left, center, right, justify.
przykład kodu:
<h1 align=center>Piekny duży nagłowek wyśrodkowany nagłowek. </h1>
Piekny duży wyśrodkowany nagłowek.
<h6 align=right>Brzydki mały nagłówek, wyrównany do prawej. </h6>
Brzydki mały nagłówek, wyrównany do prawej.
Tekst pogrubiony, pochylony i podkreślony.
Aby uzykać tekst pogrubiony używamy znacznika <b>, podkreślony <u>, kursywę <i>. Określony blok tekstu należy umieścić pomiędzy rozpoczęciem i zakończeniem znacznika przykład kodu: Tekst normalny, <i> pochylony <b> pochylony i pogrubiony </i><u>podkreślony i pogrubiony</b> tylko podkreślony</u> tekst zwykły działanie: Tekst normalny, pochylony pochylony i pogrubiony podkreślony i pogrubiony tylko podkreślony tekst zwykły.
Tekst preformatowany.
Czasami istnieje potrzeba zachowania formatowania, zrobionego przy pomocy znaków spacji (odstępów, tabulatorów enterów itp), wtedy używamy znacznika <pre>tekst sformatowany, można np zrobić tabelę z pomoca tabulatorów</pre>
<pre>
( )
(oo)
\/-------\
|| | \
||---W|| *
</pre>
<pre>
nr. nazwa cena cel
1. mydło 5 zł. mycie
2. śnieg 9 zł. śnieżek
3. nać 1 zł. zupa
</pre>
Czcionki - wielkość, rodzaj, kolor.
Można określać za pomocą parametrów znacznika <font> wielkość, kolor i krój czcionki. Wielkość okreslamy za pomoca parametru size: <font size=1>, przyjmującego wartości od 1 do 7. Kolor czcionki określamy za pomoca parametru color np: <font color=red>, przujmującego jako wartości angielskie nazwy kolorów, lub kolor podany w formacie RGB (r-red, g-green, b-blue - przy pomocy trzech liczb, każda od wartości od 0 do 255 lub FF w szesnastkowym, określa natężenie danej barwy czerwonej, zielonej i niebieskiej), w trybie szesnastkowym. Można również określic rodzaj, krój czcionki, służy do tego parametr <font face="Times New Roman">. Znaczniki <font face=verdana>, należy zamykać </font. Można łączyć parametry w jednym znaczniku <font color=red face=arial>.
<font color=red>tekst tekst tekst tekst tekst tekst tekst tekst</font>,<font color='#BBBBBB'>tekst tekst tekst tekst tekst tekst</font><font color=black>tekst tekst tekst tekst tekst tekst</font><font color=green>tekst tekst tekst tekst<b> tekst tekst</b> tekst tekst tekst tekst</font>
przykład kodu:
<font color=blue face='arial narrow'>Niebieski tekst wąski czcionka Arial Narrow <i>pochyły.</i></font>, <font face=courier size=5> A teraz czcinka courier, każdy znak w tej czcionce zajmuje tyle samo miejsca, niezależnie czy jest to litera "w" czy "i"!</font> <font face='Times New Roman' size=5> A teraz typowa książkowa czcionka Times New Roman, <font size=1>trochę ją zmiejszymy.</font></font>
działanie:
Niebieski tekst wąski czcionka Arial Narrow pochyły., A teraz czcionka courier, każdy znak w tej czcionce zajmuje tyle samo miejsca, niezależnie czy jest to litera "w" czy "i"! A teraz typowa książkowa czcionka Times New Roman, trochę ją zmiejszymy.
Wyliczanie numerowanie.
Dosyć często jest potrzeba, wyliczenia od pauzy czy też ponumerowania pewnej listy, do wyliczania służy <ul> może przybierać parametr type o wartościach: disc, square, circle np. <ul type=square> (wyliczanie od kwadracików). Natomiast do tworzenia list numerowanych służy znacznik <ol>, który też może mieć parametr type tym razem o wartościach: 1, A, a, I, i np. <ol type=I> (numerowanie rzymskimi literami). Poszczególne skladniki wyliczania w obu przypadkach oznaczamy parametrem: <li>
przykład kodu:
<ul type=circle>
<li>kredka ołówkowa
<li>długopis
<li>pióro
<li>ołówek
<ol type=a>
<li>automatyczny
<li>zwykły
</ol>
<li>kredka woskowa
</ul>
<ol type=1>
<li>plakatówki
<li>gwasze
<li>olejne
</ol>
działanie kodu:
- kredka ołówkowa
- długopis
- pióro
- ołówek
- automatyczny
- zwykły
- kredka woskowa
- plakatówki
- gwasze
- olejne
Linia pozioma.
Linia służąca do oddzielania tekstu<hr>, linia może przyjmować między innymi następujące parametry: align o wartościach left, center, right (wyrównanie), width długosć lini o wratościach precentowych lub pikselowych, size - grubość lini wartosć w pikselach.
przykład kodu:
<hr width=50% size=5 align=center>
<hr width=100% >
<hr width=20% size=3 align=right>
|