Strona główna | Mapa serwisu | English version
Help > WWW > Znaczniki

Znaczniki

Znaczniki oraz ich atrybuty

   Ten słowniczek znacznikówi ich atrybutów znacznie ułatwi ci tworzenie swojej strony. Trudno jest bowiem zapamiętać je wszystkie.


<a>....</a> - znacznik przeznaczony do tworzenia połączeń między częściami strony lub do przemeszczania na inne witryny. hfref="..." - definiuje odnośnik hypertekstowy, po kliknięciu na nim użytkownik połączy się z wpisanym adresem
name="..." - informuje, żę skok realizowany przez odnośnik href="#nazwa1" będzie do miejsca dokumentu HTML o nazwie "nazwa1"
target="..." - definiuje, gdzie nowy dokument HTML ma zostać wyświetlony np. czy w nowym oknie(_blank), czy wczytany do tej samej ramki (_self)

<acronym>...</acronym>- do definiowania akronimów

<addres>...</addres> - umieszczanie na stronie np. informacji o autorze, jego adresie e-mail itp.

- umozliwia wstawienie na stronę apletu Javy.
code="..." - określa nazwę pliku z głównym kodem apletu.
codebase="..." - wskazuje katalog w którym umieszczony jest plik.
alt="..." - wyświetla alternatywny tekst w przegladarkach nie obsługujacych Javy.
name".." - komunikuje aplety na tej samej stronie
width="...", height="..." - szerokośc i wysokosć apletu
align="..." - określa położenie apletu na stronie (left, right, center)
vspace="...", hspace="..." - odstępy od apletu w pionie i w poziomie od pozostałych elementów strony

- pojedyńczy obszar na mapie odnośników, oznaczany znacznikiem <map>
shape="..." - kształt obszaru (rect, circle, poly)
coords="..." - współrzędne określające położenie i wielkość obszaru
href="..." - adres dokumentu który zostanie otwarty po kliknieciu tego obszaru
target="..." - ramka docelowa, do której zostanie wczytany dokument

<
b>... - pogrubienie tekstu
- pogrubienie tekstu<i>...<i> - pochylenie tekstu
<u>...<u> - podkreślenie tekstu

- umożliwia wstawienie podkładu dźwiękowego dla strony.
src="..." - wskazuje plik dźwiękowy
loop="..." - określa ile razu dźwięk bedzie powtórzony(wartość -1 powoduje odtwarzanie pliku w nieskończonosć)

<blink>...</blink> - powoduje miganie tekstu, działa tylko w Netscape Navigator

<body>...</body> - obejmuje druga podstawową część dokumentu, zawierającą tresć właściwą. Atrybuty określają właściwości całej strony.
background="..." - określa adres pliku mającego być tłem dla strony
bgcolor="..." - kolor tła zapisany w postaci cyfrowej poprzedzony znakiem #
text="..." - kolor tekstu na stronie
link="...", target="...", target="..." -kolory odnośników(podtawowy, odwiedzony, aktualny)
bgproperities="fixed" - nieprzesuwające się tło
leftmargin="...", topmargin="..." - lewy i górny margones dokumentu


- przejscie do nowej lini

<center>...</center> - umieszcza tekst, grafikę na środku dokumentu

<div>...</div> - nadaje styl tekstowi umieszczonemu o obrebie znacznika.
style="..." - definicja stylu który ma zostać użyty
class="..." - określa podklasę stylu
id="..." - pełni podobną rolę do class ale zapis wygląda nastepująco #[nazwa]

<embed> - służy do umieszczania różnego typu elementów na stronie, wyświetlanych przez plug-iny do przegladarki. Może to być np. muzyka.
src="..." - adres elementu
width="...", height="..." - szerokość i wysokość obszaru wyświetalnia obiektu
hspace="...", vspace="..." - odstep od innych elementów w pionie i w poziomie
border="..." - szerokość ramki

<font>...</font> - definuje czcioni, ich rozmiar, kolor itp.
size="..." - rozmiar, wielkość standardowa to 3
color="..." - określa barwę czcionki
face="..." - określa krój

<frame> - definiuje pojedńczą ramkę.
src="..." - adres elementu
name="..." - nazwa ramki
marginwidth="..." ,marginheight="..." - marginesy dokumentu w ramce
scrolling="..." - przewijanie dokumentu w ramce(yes, no, auto)
noresize="..." eliminuje możliwość zmiany rozmiaru ramki za pomocą mkursora myszy
frameborder="..." - określa obecnosć obramowania ramki
framespacing="..." - odległość pomiedzy ramkami
bordercolor="..." - kolor obramowania ramki

<head>...</head> - jedna z dwóch podstawowych sekcji domunetu HTML. Umieszczamu tu informacje dotyczące dokumentu, jego tytuł, autora, itp.

<hr> - wstawia na stronie poziomą linię. size="..." - grubość lini w punktach
width="..." - szerokość lini, podawana w punktach lub procentach szerokości strony
align="..." - położenie na stronie (left, center, right)
noshade="..." - pozbawia linię cienia

<
html>...</html> - określa główne ramy dokumentu, wszystko poza znacznikiem nie bedzie wyswietlane przez przeglądarke

<iframe>...</iframe> - umieszcza na stronie pływajace ramki
name="..." - nazwa pływającej ramki
src="..." - adres elementu
align="..." - położenie na stronie (left, center, right)
width="...", height="..." - szerokość i wysokość obszaru wyświetalnia ramki
hspace="...", vspace="..." - odstep od innych elementów w pionie i w poziomie
scrolling="..." - przewijanie dokumentu w ramce(yes, no, auto)

<img> - wstawia na stronie grafikę.
src="..." - adres elementu
align="..." - położenie na stronie (left, right, top, texttop, middle, absmiddle, baseline, bottom, absbottom.)
alt="..." - tekst widoczny gdy są trudności z wczytaniem obrazka
ismap="..." - identyfikuje obrazek jako mapę, na której poszczególne regiony odpowiadają innym odnośnikom
width="...", height="..." - szerokość i wysokość obrazka
src="..." - grubość ramki wokół obrazka
b>hspace="...", vspace="..." - odstep od innych elementów w pionie i w poziomie

<
li> - służy do definiowania elementów list.

<
map>...</map> - przeznaczony do tworzenia ilustracji map odnośników graficznych. Okresla go atrybut name="..." nazwa mapy odnośników, jest potem podawana w atrybucie usemap="znacznika"

<meta> - przeznaczony do definiowania kilku elementów wykorzystywanych przez pzegladarki i przez systemy katalogujące. umieszczany jest w nagłówku dokumentu html miedzy znacznikami <head>...</head>.

<noframes>...</noframes> - tekst umieszczony pomiedzy tymi znacznikami wyświetlają jedynie przeglądarki nie obsługujące ramek inne ignoruja go

<noscript>...</noscript> - tekst tu umieszczony jest wyświetlany tylko gdy przegladarka uzytkownika nie obsługuje JavaScript

<ol>...</ol> - do generowania numerowanych list
type="..." - sposób numerowania listy(A, a, l, i , 1 cyfry sa ustwiane domyślnie)
start="..." - określa pierwszą liczbę numerowania

<p>...</p> - okresla początek nowego akapitu. align="..." - przyjmuje wartość left, center, right

<script>...</script> - wstawia do dokumentu html skrypty. Zawiera atrybuty:
language="..." - stosowany język skryptowy.
scr="..." - adres pliku z tekstem skryptu

<strike>...</strike> - wyświetlanie tekstu przekreślonego

<strong>...</strong> - wyróżnienie tekstu np. pogróbienie, ale jego znaczenie może być dowolne zmienine za pomocą arkuszy stylów.

<style>...</style> - musi znajdować się w częśći head dokumentu. Służy do tworzenia stylów strony.

<sup>...</sup> - wyświetlanie tekstu w indeksie górnym.

<table>...</table> - wyraz z następującymi atrybutami okresla wygląd tabeli:
border="..." - grubość ramki w pikselach
cellspacing="..." - odstęp między komurkami
cellpadding="..." - odstęp między zawartością komurki, a jej obramowaniem
width="...", height="..." - szerokośc i wysokosć tabelki
align="..." - określa położenie w stosunku do otaczających elementów (left, center, right)
bgcolor="..." - kolor tła komurek
background="..." - ilustracja jako tło tabeli
bordercolor="..." - kolor obramowania tabeli
bordercolorlight="..." - jaśniejszy kolor obramowania komurek w tabeli
bordercolordark="..." - ciemniejszy kolor obramowania komurek w tabeli

<td>...</td> - definjuje pojedyńcze komurki tabeli. Umieszczany jest w obrębie znacznika <tr>...</tr> i ma następujące atrybuty:
align="..." - wyrównanie elementów w komurce w poziomie (wartościleft, center, right)
width="..." - wyrównanie elementów w komurce w pionie (top, middle, bottom)
nowrap - uniemożliwia zawijanie tekstu w komurce
bgcolor="..." - kolor tła komurki
background="..." -obraz graficzny jako tło komurki
bordercolor="..." - kolor obramowania komurki
bordercolorlight="..." - jaśniejszy kolor obramowania komurki
bordercolordark="..." - ciemniejszy kolor obramowania komurki

<title>...</title> - przeznaczony jest do nadawania tytułu dokumentu html. Umieszczamy go w sekcji <head>...</head>

<td>...</td> - przeznaczony jest do definiowania pojedyńczego wiersza tabeli. Wstawiany w onrębie znacznkia <table>...</table>. Jego atrybty to:
align="..." - wyrównanie w poziomie zawartości komurek w danym wierszu (o wartościleft, center, right)
width="..." - wyrównanie w pionie zawartości komurek w wierszu(top, middle, bottom)
bgcolor="..." - kolor tła komurek w wierszu
bordercolor="..." - kolor obramowania komurek w wierszu
bordercolorlight="..." - jaśniejszy kolor obramowania komurek w wierszu
bordercolordark="..." - ciemniejszy kolor obramowania komurek w wierszu

<ul>...</ul> - rozpoczyna i kończy listę nienumerowaną. Dostępne atrybuty:
compact zmniejsza odstępy między wierszami
type="..." - symbol używany do oznaczenia elementów listy (o wartościdisc, circle, square
                           produkty zaawansowanych technologii dla ambitnych - tatie@onet.pl   08.VIII/2006