HTML
Podstawy HTML
- Nagłówek strony <head>...</head>. Zawiera między innymi polecenia meta odpowiedzialne za wyświetlanie polskich znaków diaktrycznych, oraz polecenie <title> tytuł dokument </title>.
- Znaczniki
<body>...</body>
<body>
.
- Kolor tła strony
bgcolor="kolor"
- Tekst:
<font>...</font> czcionka
size="n"
color="kolor"
face="rodzaj"
<b>...</b>
<i>...</i>
<u>...</u>
<center>...</center>
<left>...</left>
<right>...</right>
<justify>...</justify>
- Animacja tekstu
<marquee>Tu wpisz tekst</marquee>
Określonego typu:
<marquee behavior="typ">Tu wpisz tekst</marquee>
gdzie jako "typ" należy wpisać:
- "scroll"
- tekst przesuwa się od prawej do lewej (domyślnie)
- "alternate"
- tekst przesuwa się od prawej do lewej, a następnie "odbija
się" i powraca
- "slide"
- tekst przesunie się od prawej do lewej tylko raz, a później się zatrzyma
i pozostanie nieruchomy
O określonym kierunku przesuwania:
<marquee direction="kierunek">Tu wpisz tekst</marquee>
gdzie jako "kierunek" należy wpisać:
- "left"
- tekst będzie przesuwał się w lewo (domyślnie)
- "right"
- tekst będzie przesuwał się w prawo
- "up"
- przesuwanie w górę (nie obsługuje MSIE 3.01
ani Netscape 7)
- "down"
- przesuwanie w dół (nie obsługuje MSIE 3.01
ani Netscape 7)
O określonym kolorze tła (nie obsługuje Netscape 7):
<marquee bgcolor="kolor">Tu wpisz tekst</marquee>
gdzie "kolor" oznacza definicję koloru
O określonych rozmiarach na ekranie:
<marquee width="x" height="y">Tu wpisz tekst</marquee>
lub
<marquee width="x%" height="y%">Tu wpisz tekst</marquee>
gdzie "x" oznacza szerokość w pikselach, a "y" wysokość (również w pikselach).
Natomiast "x%" oznacza szerokość w procentach ekranu, a "y" wysokość (również w procentach).- Wstawianie linii
<br>
<hr>
7. Grafika na stronie: img src="ścieżka dostępu"
<img src="ścieżka dostępu" alt="Tekst alternatywny" />
O określonych rozmiarach:<img src="ścieżka dostępu" alt="Tekst alternatywny" width="x" height="y" />
<img src="ścieżka dostępu" alt="Tekst alternatywny" width="x%" height="y%" />
O określonym ustawieniu względem tekstu:
<img src="ścieżka dostępu" alt="Tekst alternatywny" align="rodzaj" />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)
Z obramowaniem:
<img src="ścieżka dostępu" alt="Tekst alternatywny" border="n" />
8. Tło obrazkowe:
<body background="ścieżka dostępu do obrazka">...</body>
<body leftmargin="x1" rightmargin="x2"
10. Odsyłaczy
<a href="względna ścieżka dostępu">opis</a>
<body link="kolor nowych" vlink="kolor odwiedzonych" alink="kolor aktywnych">...</body>
gdzie "kolor nowych", kolor odwiedzonych" i "kolor aktywnych" oznaczają definicje kolorów, przy czym:
- kolor nowych
- Kolor odsyłaczy które nie zostały jeszcze użyte
- kolor odwiedzonych
- Kolor odsyłaczy, które zostały już użyte
- kolor aktywnych
- Kolor aktywnego odsyłacza, czyli takiego który właśnie został użyty
11. Tytuł strony
<head> <title>Tytuł strony</title>
</head>
12. Lista numerowana:
<ol type="rodzaj numeracji">
<li>Punkt pierwszy</li>
<li>Punkt drugi</li>
<li>Punkt trzeci</li>
</ol>
13. Lista wypunktowana:
<ul>
<li>Punkt pierwszy</li>
<li>Punkt drugi</li>
<li>Punkt trzeci</li>
</ul>