tytuł dokumentu <meta http

Transkrypt

tytuł dokumentu <meta http
<html>
<head>
<title> tytuł dokumentu </title>
<meta http-equiv=”Content-Type” control=”text/html; charset=ISO-8859-2”>
<meta http-equiv=”Content-Language” content=”pl”>
</head>
<body>
treść dokumentu
</body>
</html>
zmiana koloru tła
<body bgcolor =”kolor”>
tło obrazkowe
<body background=”ścieżka dostępu do obrazka”>
szerokość marginesów
<body leftmargin=”x1” rightmargin=”x2” topmargin=”y1” bottommargin=”y2”>
formatowanie tekstu lub czcionki
Krój czcionki <font face =„nazwa kroju czcionki”> treść </font>
Wielkość czcionki <font size=”x”> treść</font>
(x może być od1 do 7)
Kolor czcionki <font color=”kolor”>treść</font>
Można również jednocześnie <font size=5 face=Arial color=green> treść</font>
<tt> tekst pisany czcionką o stałej szerokości</tt>
<b> tekst pogrubiony </b>
<i> tekst pochylony </i>
<u> tekst podkreślony</u>
<sub>tekst w formie indeksu dolnego</sub>
<sup>tekst w formie indeksu górnego</sup>
<small> zmniejszenie czcionki tekstu o jeden stopień</small>
<big> zwiększenie czcionki tekstu o jeden stopień </big>
<s>przekreślenie tekstu</s>
justowanie <p align=”justifi”> tekst </p>
wyśrodkowanie <p align=”center”> tekst </p>
wyrównanie do lewej <p align=”left”> tekst </p>
wyrównanie do prawej <p align=”right”> tekst </p>
przeniesienie tekstu do drugiego wiersza <br>
wprowadzenie interlinii <p>
spacja &nbsp;
Animacja tekstu
Domyślnie <marquee> tekst </marquee>
<marquee behavior=”typ”> tekst </marquee>
typ:
scroll – tekst przesuwa się od prawej do lewej
alternate – tekst przesuwa się od prawej do lewej, a następnie odbija się i wraca
slide– tekst przesuwa się od prawej do lewej tylko raz, a później zatrzyma się i
pozostanie nieruchomy.
Kierunek przesuwania: <marquee Direktion=”kierunek”> tekst</marquee>
(„kierunek” - „left, „right”, „up”, „down”)
Wstawianie linii:
<hr>
<hr width=”50%”> - linia na połowę ekranu
<hr width=”250”> - linia o długości 250 pikseli
<hr align=”left”> - linia od lewej strony ekranu
<hr align=”center”> - linia umieszczona centralnie
<hr align=”right”> - linia od prawej strony ekranu
<hr noshade> - linia bez cienia
<hr size = „20”> - linia o długości 20 pikseli
<hr color = „kolor x”> - linia o kolorze x
Atrybuty można łączyć, np. <hr width=”75%” „size” = „30” color=”red”>
Lista numerowana:
<ol>
<li> pierwszy element listy</li>
<li> drugi element listy</li>
<li> trzeci element listy </li>
<ol>
<li> pierwszy elementy pierwszej podlisty</li>
<li> drugi element pierwszej podlisty</li>
</ol>
Można wewnątrz znacznika <ol> wpisac typ wyliczenia, np. type=”A” (to
wystąpią w wyliczeniu litery A, B, C), type=”a”, type=”I”, type=”1”.
Lista wypunktowana:
<ul>
<li> pierwszy element listy</li>
<li> drugi element listy</li>
<ul>
<li> pierwszy element pierwszej podlisty</li>
<li> drugi element pierwszej podlisty </li>
</ul>
Grafika na stronie
<img src=”ścieżka dostępu i nazwa pliku”>
Aby zlikwidować ramkę dookoła rysunku, należy dodać parametr znacznika, np.
<img src =”rys1.gif” border=”0”>
Wyśrodkowanie grafiki:
<p align=”center”> grafika</p>
Wyrównanie do lewej:
<p align=”left”> grafika</p>
Wyrównanie do prawej:
<p align=”right”> grafika</p>
Zmiana rozmiarów grafiki:
<img src “nazwa pliku” width=”x” height=”y”>
(x - szerokość, y – wysokość )
Obrazek jako przycisk uruchamiający powiększenie tego samego obrazka na
dodatkowej stronie WWW:
<a href=”nazwa pliku” target=”newwindow”><img src=”nazwa pliku” width=”x”
height=”y”> </a>
Wzajemne położenie tekstu i obrazu realizujemy za pomocą parametru:
<img src=”obrazek.jpg” align=”top”> - wyrównuje górną krawędź względem
górnej krawędzi linii teksu lub innego obrazu
<img src=”obrazek.jpg” align=”Middle”> wyrównuje obraz w taki sposób, że jego
środek leży dokładnie po linii tekstu
<img src=”obrazek.jpg” align=”bottom”> wyrównuje dolna krawędź obrazu
względem dolnej krawędzi linii tekstu lub innego obrazu
Animacja maquee dla grafiki działa podobnie jak animacja marquee dla tekstu,
czyli, np. <marquee><img src=”nazwa pliku”></marquee>
Odsyłacze (linki)
 Odsyłacz z wykorzystaniem opisu słownego do szybkiego wywoływania
strony WWW
<a href=”adres internetowy strony”> opis słowny </a>
 Odsyłacz z wykorzystaniem grafiki do szybkiego wywoływania strony
WWW
< a href=”adres internetowy strony”><img src=”nazwa pliku”></a>
Tabele <table>
Wiersze <tr>
komórki<td>
border=”x” – grubość obramowania
valign=”middle” (top, bottom) – położenie obiektu w komórce tabeli – na środku (u góry, na
dole)
align=”center” (left, right) – położenie obiektu w komórce tabeli-na środku (u góry, na dole)
width=”x” - szerokość komórki/tabeli
height=”y” – wysokość komórki
bgcolor=”kolor” – kolor wypełnienia komórki
bordercolor=”kolor” – kolr obramowania i linii podziałów wewnętrznych tabeli
marginwidth=”x” – lewy i prawy margines w komórce
marginheight=”y”- górny i dolny margines w komórce
treść 1
<table border=”x” width=”x” height=”y”>
<tr>
<td width=”x” height=”y” valign=”middle” align=”center”> treść 1
</td>
</tr>
</table>
treść 1
treść 2
<table border=”x” width=”x” height=”y”>
<tr>
<td width=”x” height=”y” valign=”top” align=”center”> treść 1</td>
<td width=”x” height=”y” valign=”middle” align=”center”> treść 2</td>
</tr>
</table>
treść 1
treść 2
treść3
treść 4
<table border=”x” width=”x” height=”y”>
<tr>
<td width=”x” height=”y” valign=”top” align=”center”> treść 1</td>
<td width=”x” height=”y” valign=”middle” align=”center”> treść 2</td>
</tr>
<tr>
<td width=”x” height=”y” valign=”middle” align=”center”> treść 3</td>
<td width=”x” height=”y” valign=”bottom” align=”center”> treść 4</td>…,koml09
</tr>
</table>