| Ułożenie znaczników w podstawowej strukturze strony - ramy dokumentu | |
| początek struktury
początek nagłówka tytuł strony koniec nagłówka pomiędzy znacznikami body znajduje sie właściwa treść strony koniec struktury |
<html> <head> <title> tytuł stony</title> </head> <body> </body> </html> |
| Wstawianie wielkości czcionki |
| <font
size="n">Tu wpisz tekst</font> Rozmiar czcionki 3 Rozmiar czcionki 4 Rozmiar czcionki 5 |
| Wstawianie nagłówka |
| <h1>Tu
wpisuje się treść strony</h1> <h2>Tu wpisuje się treść strony</h2> <h3>Tu wpisuje się treść strony</h3> |
| Wstawianie hiperłącza |
| <a href="względna
ścieżka dostępu do podstrony">opis odsyłacza</a> odsyłacz otwiera się w nowym oknie <a target="blank" href ="względna ścieżka dostępu do podstrony">opis odsyłacza</a> |
| Wstawianie tła i kolor tekstu |
| <body
bgcolor="kolor tła" text="kolor tekstu">Tu jest właściwa treść
strony</body> obrazek jako tło <body background="ścieżka dostępu do obrazka">...</body> |
| Wstawianie obrazu |
| <img src="Tu
podaj względną ścieżkę dostępu do obrazka" alt= "Tekst alternatywny" align="rodzaj"/> img - image; src source:źródło gdzie jako "rodzaj" należy wpisać: "left" - obrazek ustawiony po lewej stronie względem otaczającego go tekstu "right" - obrazek po prawej stronie względem tekstu "top" - tekst ustawiony na górze obrazka "middle" - tekst ustawiony na średniej wysokości względem obrazka "bottom" - tekst ustawiony na dole obrazka (domyślnie) |
| wstawianie obrazu ze wskazaną wielkością |
| <img src="ścieżka dostępu" alt="Tekst alternatywny" width="x" height="y"/> |
| wstawianie obrazu z obramowaniem |
| <img src="ścieżka dostępu"alt="Tekst alternatywny" border="n" /> |
| wstawianie obrazu, który jest hiperłączem |
| <a href="ścieżka dostepu obrazu" <img src="ścieżka dostepu obrazu"> |
| Pogrubianie tekstu wyróżnienie |
| <b>tekst</b>
<strong>tekst</strong> Pozwala wyróżnić dowolny tekst. Polecenie pogrubia tekst <em>tekst</em> (emfaza)Pozwala wyróżnić dowolny tekst, aby podkreślić jego znaczenie. Polecenie zwykle wyświetla tekst napisany kursywą. |
| Wstawianie lini poziomej |
| <HR> Linii może mieć dowolną grubość <HR SIZE=5> Linia może mieć dowolną długość w pikselach <HR WIDTH=500> Linia może być umieszczona na środku <HR ALIGN=center> Linia może mieć dowolny kolor <hr color="nazwa_koloru"> |
| Wstawianie tabeli |
| <table> <tr> <td>...</td> <td>...</td> </tr> <tr> <td>...</td> <td>...</td> </tr> </table> <table>...</table> jest znacznikiem tabeli <tr>...</tr> jest znacznikiem wiersza <td>...</td>jest znacznikiem pojedynczej komórki |
obramowanie tabeli |
| <table
border="x">...</table> "x" oznacza grubość zewnętrznej ramki tabeli (w pikselach). Dodaje obramowanie pomiędzy komórkami tabeli, czyli pionowe i poziome linie dzielące poszczególne wiersze oraz kolumny. Pozwala określić szerokość zewnętrznej części tego obramowania. |
| kolor tła w jednym wierszu |
| <table> <tr bgcolor="kolor">...</tr> </table> |
| kolor w pojedyńczej komórce |
| <table> <tr> <td bgcolor="kolor">...</td> </tr> </table> |
| Wykaz numerowany (podstawowy) - lista uporządkowana |
| <ol> <li>Punkt pierwszy</li> <li>Punkt drugi</li> <li>Punkt trzeci</li> </ol> |
| Wstawianie wypunktowania lista nieuporządkowana |
| <ul> <li>Punkt pierwszy</li> <li>Punkt drugi</li> <li>Punkt trzeci</li> </ul> |
| Wstawianie indeksu górnego |
| tu mam
tekst<sup> a to jest indeks
górny</sup> np. godziny : 3<sup>00</sup> 8<sup>00</sup> |
Brak komentarzy:
Prześlij komentarz