Logowanie
Rejestracja
Pomoc
KOD
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
...
</head>
<body>
...
</body>
</html>
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
...
</head>
<body>
...
</body>
</html>
Co to jest element meta?
Element head zawiera ogólne informacje na temat dokumentu. Umieszczane są one między innymi w znaczniku <meta>. Najczęściej są to informacje przydatne przeglądarkom lub słowa kluczowe wykorzystywane przez serwisy wyszukujące (coraz rzadziej jednak). W znaczniku <meta> można na przykład umieścić adres url, pod który przeglądarka ma się skierować, aby wyświetlić nową wersję strony WWW, lub opis dokumentu.
KOD
<meta name="description" content="opis strony">
<meta name="keywords" content="słowa kluczowe">
<meta name="author" content="autor">
<meta name="revised" content="Jan Kowalski,6/10/02">
<meta name="generator" content="Microsoft FrontPage 4.0">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-2">.
<meta name="keywords" content="słowa kluczowe">
<meta name="author" content="autor">
<meta name="revised" content="Jan Kowalski,6/10/02">
<meta name="generator" content="Microsoft FrontPage 4.0">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-2">.
Znaczniki to polecenia języka HTML umieszczone w nawiasach kątowych. Ich postać jest następująca: <znacznik otwierający>, </znacznik zamykający>. Znaczniki nie są wrażliwe na wielkość liter. Dokument HTML otwiera znacznik <html>, a zamyka znacznik </html>. Elementy strony umieszczane są między tymi znacznikami. Podstawowe elementy strony WWW to obszar nagłówka i obszar treści (sekcja head i sekcją body). Obszar nagłówka wyznaczają znaczniki <head> i </head>. Zawartość strony WWW ? tekst obrazy, połączenia, itp. ? jest umieszczana między znacznikami <body>, </body>. One właśnie wyznaczają drugi element strony WWW ? obszar treści. Element head zawiera ogólne informacje na temat dokumentu. Umieszczane są one między innymi w znaczniku <meta>. Najczęściej są to informacje przydatne przeglądarkom lub słowa kluczowe wykorzystywane przez serwisy wyszukujące. W znaczniku <meta> można na przykład umieścić adres url, pod który przeglądarka ma się skierować, aby wyświetlić nową wersję strony WWW, lub opis dokumentu. Można także umieścić nowy adres url, pod który użytkownik zostanie automatycznie skierowany po określonym czasie.
Podstawowe moduły kodu HTML
KOD
Dokument HTML
<html>
<head>
<title>Nazwa dokumentu</title>
</head>
<body>
Treść dokumentu
</body>
</html>
Nagłówki
<h1>Nagłówek najwyższego poziomu</h1>
<h2>Nagłówek poziomu 2</h2>
<h3>Nagłówek poziomu 3</h3>
<h4>Nagłówek poziomu 4</h4>
<h5>Nagłówek poziomu 5</h5>
<h6>Nagłówek poziomu 6</h6>
Elementy tekstowe
<p>Akapit</p>
<br> //łamanie wiersza
<hr> //linia pozioma
<pre>Tekst preformatowany</pre>
Style logiczne
<em>Do tego tekstu zastosowano emfazę</em>
<strong>Ten tekst wyróżniono</strong>
<code>Tekst pisany czcionką o stałej szerokości</code>
Style fizyczne
<b>Tekst pogrubiony</b>
<i>Tekst pisany kursywą</i>
Połączenia, zakotwiczenia i obrazy-połączenia
<a href="http://adres.com/strona.html/">To jest połączenie</a>
<a href="http://adres.com/strona.html/"><img src="adresURL" alt="Tekst alternatywny"></a>
<a href="#nazwa_zakotwiczenia">Zakotwiczenie</a>
<a href="mailto:adres@pocztowy">Prześlij do mnie list</a>
Lista wypunktowana
<ul>
<li>Pierwsza pozycja</li>
<li>Kolejna pozycja</li>
...
<li>Ostatnia pozycja</li>
</ul>
Lista numerowana
<ol>
<li>Pierwsza pozycja</li>
<li>Kolejna pozycja</li>
...
<li>Ostatnia pozycja</li>
</ol>
Lista definicji
<dl>
<dt>Pierwszy termin</dt>
<dd>Definicja</dd>
<dt>Drugi termin</dt>
<dd>Definicja</dd>
...
<dt>Ostatni termin</dt>
<dd>Definicja</dd>
</dl>
Tabela
<table border="1">
<tr>
<th>Tekst nagłówka</th>
<th>Tekst nagłówka</th>
</tr>
<tr>
<td>Zawartość komórki</td>
<td>Zawartość komórki</td>
</tr>
</table>
Ramki
Prosty układ pionowych ramek:
<frameset cols="25%,75%">
<frame src="ramka_a.html">
<frame src="ramka_b.html">
</frameset>
Prosty układ poziomych ramek:
<frameset rows="25%,50%,25%">
<frame src="ramka_a.html">
<frame src="ramka_b.html">
<frame src="ramka_c.html">
</frameset>
Złożony układ ramek:
<frameset rows="50%,50%">
<frame src="ramka_a.html">
<frameset cols="25%,75%">
<frame src="ramka_b.html">
<frame src="ramka_c.html">
</frameset>
</frameset>
Formularz
<form action="mailto:adre@pocztowy" method="post">
<input type="text" name="nazwisko" value="Kowalski" size="30" maxlength="50">
<input type="password">
<input type="checkbox" checked="checked">
<input type="radio" checked="checked">
<input type="submit">
<input type="reset">
<input type="hidden">
<select>
<option>Tekst1
<option selected>Tekst2
<option>Tekst3
</select>
<textarea name="Comment" rows="60" cols="20"></textarea>
</form>
Identyczności
< to to samo co <
> to to samo co >
? to to samo co ?
Przykłady postaci innych elementów
<!?Komentarz -->
<blockquote>Tekst cytowany.</blockquote>
<address>Adres1<br>Adres 2<br>Miasto<br></address>
<html>
<head>
<title>Nazwa dokumentu</title>
</head>
<body>
Treść dokumentu
</body>
</html>
Nagłówki
<h1>Nagłówek najwyższego poziomu</h1>
<h2>Nagłówek poziomu 2</h2>
<h3>Nagłówek poziomu 3</h3>
<h4>Nagłówek poziomu 4</h4>
<h5>Nagłówek poziomu 5</h5>
<h6>Nagłówek poziomu 6</h6>
Elementy tekstowe
<p>Akapit</p>
<br> //łamanie wiersza
<hr> //linia pozioma
<pre>Tekst preformatowany</pre>
Style logiczne
<em>Do tego tekstu zastosowano emfazę</em>
<strong>Ten tekst wyróżniono</strong>
<code>Tekst pisany czcionką o stałej szerokości</code>
Style fizyczne
<b>Tekst pogrubiony</b>
<i>Tekst pisany kursywą</i>
Połączenia, zakotwiczenia i obrazy-połączenia
<a href="http://adres.com/strona.html/">To jest połączenie</a>
<a href="http://adres.com/strona.html/"><img src="adresURL" alt="Tekst alternatywny"></a>
<a href="#nazwa_zakotwiczenia">Zakotwiczenie</a>
<a href="mailto:adres@pocztowy">Prześlij do mnie list</a>
Lista wypunktowana
<ul>
<li>Pierwsza pozycja</li>
<li>Kolejna pozycja</li>
...
<li>Ostatnia pozycja</li>
</ul>
Lista numerowana
<ol>
<li>Pierwsza pozycja</li>
<li>Kolejna pozycja</li>
...
<li>Ostatnia pozycja</li>
</ol>
Lista definicji
<dl>
<dt>Pierwszy termin</dt>
<dd>Definicja</dd>
<dt>Drugi termin</dt>
<dd>Definicja</dd>
...
<dt>Ostatni termin</dt>
<dd>Definicja</dd>
</dl>
Tabela
<table border="1">
<tr>
<th>Tekst nagłówka</th>
<th>Tekst nagłówka</th>
</tr>
<tr>
<td>Zawartość komórki</td>
<td>Zawartość komórki</td>
</tr>
</table>
Ramki
Prosty układ pionowych ramek:
<frameset cols="25%,75%">
<frame src="ramka_a.html">
<frame src="ramka_b.html">
</frameset>
Prosty układ poziomych ramek:
<frameset rows="25%,50%,25%">
<frame src="ramka_a.html">
<frame src="ramka_b.html">
<frame src="ramka_c.html">
</frameset>
Złożony układ ramek:
<frameset rows="50%,50%">
<frame src="ramka_a.html">
<frameset cols="25%,75%">
<frame src="ramka_b.html">
<frame src="ramka_c.html">
</frameset>
</frameset>
Formularz
<form action="mailto:adre@pocztowy" method="post">
<input type="text" name="nazwisko" value="Kowalski" size="30" maxlength="50">
<input type="password">
<input type="checkbox" checked="checked">
<input type="radio" checked="checked">
<input type="submit">
<input type="reset">
<input type="hidden">
<select>
<option>Tekst1
<option selected>Tekst2
<option>Tekst3
</select>
<textarea name="Comment" rows="60" cols="20"></textarea>
</form>
Identyczności
< to to samo co <
> to to samo co >
? to to samo co ?
Przykłady postaci innych elementów
<!?Komentarz -->
<blockquote>Tekst cytowany.</blockquote>
<address>Adres1<br>Adres 2<br>Miasto<br></address>
