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
&nbsp; 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 &nbsp; 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