Podstawowe polecenia HTML
Transkrypt
Podstawowe polecenia HTML
Podstawowe polecenia HTML WYKAZ PODSTAWOWYCH POLECEŃ JĘZYKA HTML: T ŁO STR ONY I WSTĘPNE USTA WIENIA KOLORU TE KSTU : Uwaga! Znacznik <body> może pojawić się w całym dokumencie HTML tylko jeden raz. <body bgcolor="#006699" text="#FFFFFF"> - Tło koloru niebieskiego, tekst koloru białego. <body bgcolor="#000000" text="darkred"> - Tło koloru czarnego, tekst koloru ciemnoczerwonego. <body bgcolor="yellow"> - Tło koloru żółtego. T Y TUŁY ( NA GŁÓWKI ): <h1>Nagłówek największy</h1> <h2>Nagłówek mniejszy</h2> … <h6>Nagłówek najmniejszy</h6> P RZE JŚCIE D O NOWE J LI NII : To jest tekst, który pojawia się na stronie<br> w dwóch linijkach. Gdybyśmy przeszli do nowej linii wciskając ENTER z klawiatury, tekst ten znalazłby się w całości w jednej linii. D ODA TKOWE SP ACJE W TEKŚCIE : Język HTML rozpoznaje tylko jedną spację między dwoma wyrazami. Aby wstawić dodatkowe spacje należy użyć polecenia i skopiować je tyle razy, ile spacji ma być wstawionych w dokumencie. P OLE CENIE <PRE> Jeśli nie chcemy za każdym razem wstawiać dodatkowych spacji i przejść do nowej linii, możemy cały tekst umieścić w znacznikach <pre>Tekst</pre>. Spowoduje to wyświetlenie na stronie tekstu w taki sposób, w jaki został on zapisany w kodzie strony. Jedyna różnica między tekstem pisanym za pomocą <br> i a <pre> polega na tym, że cały tekst dodatkowo musimy wziąć w znaczniki ustawiające rodzaj czcionki (jeśli tego nie zrobimy, czcionka jaka się pojawi będzie różna od tej, która normalnie pojawia się na stronie). P R ZY KŁ AD K OD U : <pre><font face=”Georgia”>To jest tekst, w którym widoczne są wszystkie białe znaki. jest zmieniona na Georgię</font></pre> Czcionka w tym tekście Uwaga! Jeśli znacznik <pre> jest otwierany jako pierwszy, to musi być zamknięty jako ostatni. R ODZAJ , WIELKOŚĆ I KOLOR CZCIONKI : <font face=”Trebuchet MS”> <font color=”#000000”> <font size=”2”> <font face=”Times New Roman” color=”#ffffff”> <font face=”Arial” size=”3”> - czcionka o nazwie Trebuchet MS - czcionka w kolorze czarnym - czcionka o rozmiarze 2 - czcionka Times New Roman w kolorze białym - czcionka Arial o rozmiarze 3 L INIE <hr> <hr color=”red”> <hr color=”black” width=”40%”> Strona 1 z 2 - linia w domyślnym kolorze szarym - linia w kolorze czerwonym - linia w kolorze czarnym zajmująca 40% szerokości całej strony Podstawowe polecenia HTML F O RM AT OW ANI E C ZC I O NKI : <b>Tekst pogrubiony</b> <u>Tekst podkreślony</u> <i>Tekst pochylony</i> <sup>Indeks górny</sup> <sub>Indeks dolny</sub> O D S YŁ AC Z E : <a href=”http://www.interia.pl”>Przejdź do serwisu Interia</a> <a href=”http://www.google.com” target=”_blank”>google</a> -odsyłacz do Interii -odsyłacz do Google (otworzy się w nowej karcie lub w nowym oknie) <a href=”galeria.html”>Galeria zdjęć</a> - odsyłacz do strony z galerią znajdującej się w tym samym katalogu, co tworzona strona Uwaga! W znacznikach odsyłaczy musi pojawić się http:// jeśli hiperłącze odnosi się do strony z sieci Internet. O D YS Ł AC Z D O E - M AI L A : <a href=”mailto:[email protected]”>Napisz do autora strony</a> LIST Y: A) N I E U P ORZ ĄD K OWA NA <ul> <li>Pierwszy wiersz <li>Drugi wiersz </ul> B) U P ORZĄ DK OW AN A <ol> <li>Pierwszy wiersz <li>Drugi wiersz </ol> C) M I E SZ AN A <ol> <li>Pierwszy wiersz <ul> <li>Pierwszy podpunkt <li>Drugi podpunkt </ul> <li>Drugi wiersz </ol> G RAF I KA : <img src=”nazwa_obrazka.rozszerzenie” alt=”opis tego, co jest na obrazku” height=”200” border=”2”> W YR Ó W NANI E T EKS TU : <p align=”center”>Tekst wyrównany do środka</p> <p align=”right”>Tekst wyrównany do prawej</p> <p align=”left”>Tekst wyrównany do lewej</p> <p align=”justify”>Tekst wyjustowany</p> <p>Nowy akapit</p> Strona 2 z 2