Znaczniki HTML - BK-S
Transkrypt
Znaczniki HTML - BK-S
STRUKTURA DOKUMENTU HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> Opcjonalnie <html> <head> <meta http-equiv="author" content="Imię i nazwisko autora"/> <meta http-equiv="content-type" content="text/htm; charset=iso-8859-2"/> <meta name="generator" content="Nazwa programu"/> <title>tytuł strony</title> </head> <body background="nazwa obrazka gif" bgcolor="kolor" text="kolor" link="#0000ff" vlink="#800080" alink="#ff0000"> Treść strony </body> </html> Kolory predefiniowane: silver, gray, white, black, maroon, red, green, lime, purple, fuchsia, olive, yellow, navy, blue, teal, aqua Kolory definiowane przez uŜytkownika: #rrggbb rgb(r,g,b) cyfry szesnastkowe (0 – 9, A – F) liczby 0 – 255 (intensywność koloru) ELEMENTY PODSTAWOWE <!-- Komentarz --> <hn align="wyrównanie (left, right, center)">Nagłówek</hn> <p align="wyrównanie (left, right, center, justify)">Paragraf</p> <br> n od 1 do 6 Znacznik </p> opcjonalny złamanie linii <nobr> Elementy, które powinny pojawić się w jednej linii</nobr> <wbr> Zezwolenie na złamanie linii wewnątrz ww bloku <hr size=n width=w align="wrównanie (left, right, center)" color="kolor" noshade /> <em>Tekst wyróŜniony</em> <strong>Tekst wyróŜniony</strong> <b>Tekst pogrubiony</b> <i>Tekst pochylony (kursywa) </i> <u>Tekst podkreślony </u> <strike>Tekst przekreślony </strike> <sub>Indeks dolny</sub> <sup>Indeks górny</sup> Znaki specjalne (niektóre): & " < > spacja nierozdzielająca & ” < > 2 <blockquote> Tekst wydzielony (blok cytatów)</blockquote> <pre> Tekst preformatowany (spacje i końce linii mają znaczenie) </pre> <code> Tekst pisany czcionką o stałej szerokości (kod komputerowy) </code> <kbd> Tekst pisany czcionką o stałej szerokości (tekst wprowadzany) </kbd> <samp> Tekst pisany czcionką o stałej szerokości (tekst przykładowy) </samp> <tt> Tekst pisany czcionką o stałej szerokości (tekst maszynowy) </tt> <blink> Tekst migający </blink> Netscape <font size="n">Zmiana rozmiaru czcionki</font> <font size="+n">Powiększenie rozmiaru czcionki</font> <font size="-n">Pomniejszenie rozmiaru czcionki</font> n od 1 do 7 <big>Powiększenie rozmiaru czcionki</big> <small>Pomniejszenie rozmiaru czcionki</small> <font face="Nazwa czcionki">Zmiana czcionki</font> <font color="Kolor">Zmiana koloru czcionki</font> <img src="Nazwa obrazka GIF, JPG" alt="Tekst zastępczy" width=x height=y align="Ustawienie (left, right, middle)" hspace=x vspace=y> <br clear="Zakończenie otaczania obrazka tekstem (left, right, all)"> <center>Fragment strony</center> <div align=”Wyrównanie (left, right, center)”</div> Sekcja LISTY <ol type=x start=n (A, a, I, i, l)> <li>Element listy</li> <li>Element listy</li> ...kolejne elementy... </ol> Lista uporządkowana <ul type=kształt (disc, circle, square)> <li>Element listy</li> <li>Element listy</li> ...kolejne elementy... </ul> Lista nieuporządkowana <dl>Tytuł listy (opcjonalnie) <dt>Słowo (zwrot) <dd>Definicja słowa (zwrotu) ...kolejne słowa (zwroty) i ich definicje... </dl> Lista definicji TABELE <table width=x height=y cellspacing=n cellpadding=n border=n bordercolor=”kolor”> <caption align=”bottom”>Tytuł tabeli</caption> <tr> <th>Tytuł kolumny</th> <th>Tytuł kolumny</th> ...kolejne tytuły kolumn... </tr> <tr> <td>Dane komórki</td> <td>Dane komórki</td> ...kolejne dane komórek... </tr> ...kolejne wiersze tabeli... </table> Opcjonalnie 3 wewnątrz znacznika <th> lub <td> moŜna wpisać: • • • • • colspan=n, gdzie n określa liczbę połączonych kolumn (łączenie komórek w poziomie) rowspan=n, gdzie n określa liczbę połączonych wierszy (łączenie komórek w pionie) align=”Wyrównanie poziome (left, center, right)” valign=”Wyrównanie pionowe (top, middle, bottom)” bgcolor="Kolor" ODNOŚNIKI I POŁĄCZENIA <a name="Odnośnik">Tekst lub obrazek</a> MoŜe być puste: <a name=…></a> <a href="#Odnośnik">połączenie wewnętrzne</a> <a href="Plik" target=”Cel (Ramka, _blank, _self , _top, _parent)”>połączenie do pliku</a> <a href="Plik#Odnośnik" target=”Cel (Ramka, _blank, _self , _top, _parent)”>połączenie do pliku</a> <a href="http://Adrea WWW">Połączenie do innej strony WWW</a> <a href="ftp://Adres FTP">połączenie do serwera ftp</a> <a href="gopher://Adres GOPHER ">połączenie do serwera gopher</a> <a href="mailto:adres e-mail">połączenie do poczty elektronicznej</a> RAMKI <frameset rows=”a,b,...” lub cols=”a,b,...”> <frame name=”Ramka” src=”Strona” scrolling=”Przewijanie (yes, no, auto)” noresize> <frame name=”Ramka” src=”Strona” scrolling=”Przewijanie (yes, no, auto)” noresize> ...kolejne ramki (stosownie do parametru rows lub cols)... </frameset> <noframes><body> Wersja dla przeglądarek bez ramek </body></noframes> Opcjonalnie