PIERWSZE KROKI W JĘZYKU HTML
Tekst będący źródłem strony www nazywa się dokumentem HTML. Jest on sporządzony w języku HTML.
Dokument HTML zawiera tekst, który ma być umieszczony na stronie oraz polecenia (znaczniki), które informują przeglądarki, jak wyświetlić poszczególne elementy dokumentu.
Znaczniki umieszczone są w nawiasach <... >.
Większość z nich składa się z części otwierającej < ...> i zamykającej </...>
Dokument zapisany w języku HTML zawarty jest między znacznikami <html> </html>
Składa się z nagłówka zapisanego pomiędzy znacznikami <head> </head> oraz
treści zapisanej pomiędzy znacznikami <body> </body>
treści zapisanej pomiędzy znacznikami <body> </body>
W nagłówku umieszczamy tytuł strony pomiędzy znacznikami <title> </title> (wyświetlany w pasku tytułowym przeglądarki).
Komentarz (nie ma wpływu na wygląd strony, zawiera informacje przydatne jej autorowi) wpisuje się go pomiędzy ciąg znaków < ! - - Tu wpisujemy komentarz - - >
Określenie języka, czyli możliwości wyświetlania polskich znaków diakrytycznych uzyskujemy wpisując:
<meta http-equiv="Content-Type" control="tekst/html; charset=ISO-8859-2">
<meta http-equiv="Content-Language" content="pl">Zmiana koloru tła strony <body bgcolor="nazwa koloru w j. angielskim">
np. <body bgcolor="pink">
Szerokość marginesów <body leftmargin="50" rightmargin="50" topmargin="25" bottommargin="25">
(wymiary podajemy w pikselach; leftmargin to lewy margines, topmargin to górny margines, bottommargin to dolny margines)
Hiperłącze (odsyłacz) <a href="adres internetowy strony"> </a>
np. <a href="http://onet.pl"> </a>
Kolory odsyłaczy <body link="kolor1" vlink="kolor2" alink="kolor3">
(gdzie link oznacza kolor odsyłaczy, które nie zostały jeszcze użyte, vlink - kolor odsyłaczy, które zosatły już użyte, alink - kolor aktywnego odsyłacza, który właśnie został użyty)
Formatowanie testu lub czcionki
krój czcionki <font face="nazwa kroju czcionki"> treść </font>
np. <font face="Arial"> Tu wpisujemy tekst </font>
kolor czcionki <font color="nazwa koloru w j. ang."> treść </font>
np. <font color="red"> tekst </font>
rozmiar czcionki <font size="1"> treść </font>
(można wpisać rozmiar od 1 do 7)
tekst wytłuszczony <b> treść </b>
tekst pochylony <i> treść </i>
tekst podkreślony <u> treść </u>
tekst pisany czcionką o stałej szerokości <tt> treść </tt>
tekst w formie indeksu górnego <sup> treść </sup>
tekst w formie indeksu dolnego <sub> treść </sub>
wyrównanie tekstu na stronie:
justowanie <p align="justify"> treść </p>
wyśrodkowanie <p align="center"> treść </p>
wyrównanie do prawej <p align="right"> treść </p>
wyrównanie do lewej <p align="left"> treść </p>
przeniesienie tekstu do drugiego wiersza <br>
wprowadzenie spacji  
wprowadzenie interlinii <p>
wstawienie linii <hr>
parametry określające linię:
<hr width="50%"> (długość linii w procentach, na połowę ekranu)
<hr align="center"> (wyrównanie linii do środka)
<hr size="20"> (linia o grubości 20 pikseli)
<hr color="red"> (linia w kolorze czerwonym)
Parametry te można zapisać:
<hr widht="75%" size="30" color="green" align="center">
lista numerowana <ol> oraz <li>
<ol>
<li> treść
<li> treść
<ol>
<li> treść
<li> treść
</ol>
</li>
(jeśli wewnątrz znacznika <ol> dopiszesz type="A" to w wyliczeniu wystąpią litery A, B, C; type="a" - litery a, b, c; type="I" - cyfry rzymskie I, II, III; type="1" - cyfry arabskie 1, 2, 3)
lista wypunktowana <ul> oraz <li>
<ul>
<li>treść
<li> treść
<ul>
<li>treść
<li> treść
</ul>
</li>
np. <a href="http://onet.pl"> </a>
Kolory odsyłaczy <body link="kolor1" vlink="kolor2" alink="kolor3">
(gdzie link oznacza kolor odsyłaczy, które nie zostały jeszcze użyte, vlink - kolor odsyłaczy, które zosatły już użyte, alink - kolor aktywnego odsyłacza, który właśnie został użyty)
Formatowanie testu lub czcionki
krój czcionki <font face="nazwa kroju czcionki"> treść </font>
np. <font face="Arial"> Tu wpisujemy tekst </font>
kolor czcionki <font color="nazwa koloru w j. ang."> treść </font>
np. <font color="red"> tekst </font>
rozmiar czcionki <font size="1"> treść </font>
(można wpisać rozmiar od 1 do 7)
tekst wytłuszczony <b> treść </b>
tekst pochylony <i> treść </i>
tekst podkreślony <u> treść </u>
tekst pisany czcionką o stałej szerokości <tt> treść </tt>
tekst w formie indeksu górnego <sup> treść </sup>
tekst w formie indeksu dolnego <sub> treść </sub>
wyrównanie tekstu na stronie:
justowanie <p align="justify"> treść </p>
wyśrodkowanie <p align="center"> treść </p>
wyrównanie do prawej <p align="right"> treść </p>
wyrównanie do lewej <p align="left"> treść </p>
przeniesienie tekstu do drugiego wiersza <br>
wprowadzenie spacji  
wprowadzenie interlinii <p>
wstawienie linii <hr>
parametry określające linię:
<hr width="50%"> (długość linii w procentach, na połowę ekranu)
<hr align="center"> (wyrównanie linii do środka)
<hr size="20"> (linia o grubości 20 pikseli)
<hr color="red"> (linia w kolorze czerwonym)
Parametry te można zapisać:
<hr widht="75%" size="30" color="green" align="center">
lista numerowana <ol> oraz <li>
<ol>
<li> treść
<li> treść
<ol>
<li> treść
<li> treść
</ol>
</li>
(jeśli wewnątrz znacznika <ol> dopiszesz type="A" to w wyliczeniu wystąpią litery A, B, C; type="a" - litery a, b, c; type="I" - cyfry rzymskie I, II, III; type="1" - cyfry arabskie 1, 2, 3)
lista wypunktowana <ul> oraz <li>
<ul>
<li>treść
<li> treść
<ul>
<li>treść
<li> treść
</ul>
</li>
Brak komentarzy:
Prześlij komentarz