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 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>