Skr¢cona instrukcja tworzenia stron HTML opracowaˆ: mgr in¾. Jarosˆaw Flak Gliwice 1996 (ost.popr.6.12.1996) <HTML> dokument html <HEAD> nagˆ¢wek <TITLE> tekst </TITLE> tytuˆ okienka </HEAD> <BODY tekst dokumentu BACKGROUND="obrazek.gif" tˆo z obrazka BGCOLOR="#rrggbb" kolor tˆa hex.(du¾e litery) TEXT="#rrggbb" kolor tekstu LINK="#rrggbb" kolor linku VLINK="#rrggbb" kolor odwiedzonego linku ALINK="#rrggbb"> kolor aktywnego linku <!-- komentarz --> komentarz <Hx> tekst </Hx> nagˆ¢wek, x=(1-6) (1=najwi©ksze) <CENTER> tekst </CENTER> centrowanie <BASEFONT=x> font gˆ¢wny, x=(1-7) <FONT SIZE=x | +-x> rozmiar fontu, x=(1-7) COLOR="#rrggbb"> kolor </FONT> <BR> przej˜cie do nowej linii <P nowa linia i akapit ALIGN=CENTER | LEFT | RIGHT> justowanie tekst </P> <HR linia SIZE=x grubo˜† linii WIDTH=x | % dˆugo˜† linii ALIGN=CENTER | LEFT | RIGHT poˆo¾enie na stronie NOSHADE> bez cienia <PRE> tekst (mo¾na u¾y† tag¢w) tekst wy˜wietlany tak, </PRE> jak jest sformatowany style fizyczne <B> tekst </B> bold <I> tekst </I> italic <U> tekst </U> underline <TT> tekst </TT> fonty o staˆej szeroko˜ci <SUB> tekst </SUB> indeks dolny <SUP> tekst </SUP> indeks g¢rny <BLINK> miganie <BIG> zwi©kszenie czcionki o 1 stopieä <SMALL> zmniejszenie czcionki o 1 stopieä <STRIKE> przekre˜lenie style logiczne <DFN> tekst </DFN> definiowane sˆowo (italic) <EM> tekst </EM> podkre˜lenie (italic) <CITE> tekst </CITE> cytat (italic) <CODE> tekst </CODE> kod (fonty o staˆej szeroko˜ci) <KBD> tekst </KBD> klawisz (fonty o staˆej szeroko˜ci) <SAMP> tekst </SAMP> komunikaty (fonty o staˆej szeroko˜ci) <STRONG> tekst </STRONG> mocniejsze podkre˜lenie (bold) <VAR> tekst </VAR> zmienna (italic) listy <OL TYPE=a | A | i | I | l lista numerowana START=x> pozycja pocz¥tkowa <LI> tekst <LI> tekst </OL> <UL> lista nienumerowana <LI> tekst <LI> tekst </UL> <DL> lista definicji <DT> tekst <DD> tekst </DL> tabele <TABLE tabela BORDER=x szeroko˜† ramek zewn©trznych CELLPADDING=x odlegˆo˜† zawarto˜ci kom¢rki od ramek CELLSPACING=x grubo˜† ramki WIDTH=x | % szeroko˜† tabeli HEIGHT=x | %> wysoko˜† tabeli <TR wiersz tabeli ALIGN=LEFT | RIGHT | CENTER poˆo¾enie tekstu w wierszu tabeli VALIGN=TOP | BOTTOM | MIDDLE | BASELINE> poˆo¾enie w pionie <TD | TH kom¢rka zwykˆa lub z tekstem bold ALIGN=LEFT | RIGHT | CENTER poˆo¾enie tekstu w kom¢rce VALIGN=TOP | BOTTOM | MIDDLE | BASELINE> poˆo¾enie zawarto˜ci kom¢rki w pionie WIDTH=x | % szeroko˜† kom¢rki HEIGHT=x | % wysoko˜† kom¢rki NOWRAP tekst w jednej linii COLSPAN=x poˆ¥cz x kolumn tabeli w jedn¥ kom¢rk© ROWSPAN=x> poˆ¥cz x wierszy tabeli w jedn¥ kom¢rk© tekst </TD> </TR> <CAPTION ALIGN=TOP | BOTTOM> podpis tabeli </CAPTION> </TABLE> ramki <FRAMESET ROWS="40%,60%"> ramka <FRAME NAME="window1" SRC="p1.htm"> nazwa <FRAMESET COLS="50%,50%"> <FRAME NAME="window2" SRC="p2.htm"> <FRAME NAME="window3" SRC="p3.htm"> </FRAMESET> <FRAME NAME="window4" SRC="p4.htm"> <NOFRAME> <BODY> To jak nie ma ramek </body> </NOFRAME> </FRAMESET> obrazki <IMG wstaw obrazek SRC="obrazek.gif" adres obrazka ALT="tekst" tekst zast©pczy ALIGN=TOP | MIDDLE | BOTTOM | LEFT | RIGHT poˆo¾enie obrazka w stosunku do linii tekstu BORDER=x szeroko˜† ramki VSPACE=x puste miejsce u g¢ry i doˆu HSPACE=x puste miejsce po bokach HEIGHT=x | % zmiana wysoko˜ci obrazka WIDTH=x | %> zmiana szeroko˜ci obrazka linki <A link HREF="adres_url_linku"> link link (tekst lub obrazek) HREF="#nazwa"> tekst link do miejsca "nazwa" w dokumencie NAME="nazwa"> zdefiniowanie miejsca "nazwa" </A> </BODY> </HTML> dodatek - adres url: http | ftp | mailto | gopher | WAIS | news | file | telnet://host.domeny/˜cie¾ka/zbi¢r (mo¾e to by† dokument, obrazek, animacja, skrypt CGI). - entities: aby do tekstu wstawi† znaki '&' i '<' nale¾y posˆu¾y† si©: < dla <, > dla >, & dla &, " dla ".
Tofol