<html><head><title>tytuł strony</title>informacje nagłówkowe</head><body>właściwa treść (ciało) dokumentu</body></html>

(1)

1. Osnowa dokumentu - Wszystkie polecenia powinny sie znaleźć w pewnych standardowych

ramach. Zostało przyjęte, że dokument HTML zawiera szkielet, który stanowi osnowę dla wszystkich innych poleceń.

<html>

<head>

<title>tytuł strony</title>

informacje nagłówkowe

</head>

<body>

właściwa treść (ciało) dokumentu

</body>

</html>

2. Tytuły (nagłówki) – dysponujemy sześcioma stopniami tytułów, różniącymi sie w przeglądarce

wielkością znaków. Wprowadzamy je za pomocą poleceń:

<h1>Tytuł stopnia pierwszego</h1>

<h2>Tytuł stopnia drugiego</h2>

…

<h6>Tytuł stopnia szóstego</h6>

3. Akapit (paragraf) jest znacznikiem za pomocą, którego wprowadzamy na strone zwykły tekst,

tzw. masę tekstowa. Pomiędzy tekstem wprowadzanym przy użyciu kilku akapitów wstawiana jest

interlinia. .

<p>To jest treść pierwszego akapitu</p>

<p>To jest treść drugiego akapitu</p>

4. Przełamanie linii - Niekiedy zdarza się, że chcemy przełamać tekst, nie wprowadzając przy tym

znaku końca akapitu. Możemy wówczas zastosować pojedyncze polecenie <br>, które przenosi

tekst o jeden wiersz w dół, choć nie wprowadza dodatkowej interlinii.

5. Pozioma linia

<hr>

Właściwości: width- długosc, size- szerokość,

noshade-,

color-kolor wypełnienia, align-rozmieszczenie.

6. Kolory

7. Wykazy (listy)

• puktowane 1. numerowane

<li>wiosna</li> <li>wiosna</li>

</ul> </ol>

8. Atrybuty czcionki

<b>tekst pogrubiony</b> stylach CSS: font-weight: bold

(2)

<i>tekst pochylony</i> (em) stylach CSS: font-weight: italic

<u>tekst przekreslony</u> stylach CSS: text-decoration: underline

<sub>tekst w indeksie górnym</sub> stylach CSS: vertical-align: super

<sup>tekst w indeksie górnym</sup> stylach CSS: vertical-align: sub

A P L I K A C J E I N T E R N E T O W E

_

BM

KONSPEKT NR 1

9. Wstawianie rysunków

width height

alt (informacja o obrazku)

pozycjonowanie względem tekstu _style

10. Odsyłacze - inaczej: hiperłącza, łącza hipertekstowe, odnośniki, linki

<a href =”http://www. wp.pl”>kliknij aby wejść na wp </a>

<a href=”podstrona1.html”>podstrona</a>

11. Etykiety - jest znakiem, swoista elektroniczna zakładka, podobna do zakładek w książce, która

zaznacza jakieś miejsce w tekście. Gdy utworzymy etykietę, będziemy mogli sie odwoływać nie

tylko do zawierającej ja strony, ale i do konkretnego miejsca na stronie.

Etykieta <a name="nazwa_etykiety"> </a>

Odsyłacz do etykiety <a href="strona.htm#nazwa_etykiety">Tekst</a>

12. Odsyłacze do poczty elektronicznej

<a href="mailto:nick@adres">Wyslij do mnie zapyytanie</a>

<a href="mailto:nick@adres?subject=Temat wiadomosci">Wyslij</a>

13. Tabele umożliwiają prezentacje danych na stronach WWW oraz kontrolowanie umiejscowienia

elementów strony (tekstów, obrazów, innych tabel...) poprzez umieszczenie ich w kolumnach lub

wierszach tabeli.

<table>

<tr>

</tr>

<tr>

</tr>

</table>

14. Formularze - formularz ma formę elektronicznej ankiety, która wypełnia sie wprost na stronie.

Możliwe jest przy tym wpisywanie tekstu, odpowiadanie na zadane pytania, czy zaznaczanie

jednej bądź kilku z podanych możliwości wyboru. Taki formularz może być przesłany pocztą

elektroniczną e-mail

<form enctype="text/plain" action="mailto:nick@domena?subject=temat ankiety"

method="post">

....

</form>

INPUT

(3)

typy:

podaj imie <input type="text" name="nazwa" value="imie">

podaj inazwisko <input type="text" name="nazwa" value="nazwisko">

(wysokosc, szerokosc)

<input type="checkbox" name="jezyk" value="angielski"> angielski

<input type="checkbox" name="jezyk" value="francuski"> francuski

<input type="radio" name="plec" value="kobieta" checked> kobieta

<input type="radio" name="plec" value="me6czyzna"> me6czyzna

select słu_y do tworzenia rozwijanych menu, zawierajacych kilka opcji. czytelnik strony mo_e wybrac

jedna lub kilka. składnia jest nastepujaca:

<option> pierwsza pozycja

<option> druga pozycja

<option> trzecia pozycja ...

</select>

textarea jest poleceniem, które pozwala wprowadzic pole dla komentarza czytelnika. jest to wygodne,

gdy_ jest w stanie przewidziec wszystkie mo_liwosci. mo_na wiec zostawic miejsce, które wypełni

czytelnik, jesli uzna, _e warto o czyms jeszcze napisac. a czesto autor wrecz prosi o dodatkowe uwagi.

<textarea name=nazwa> </textarea> wprowadza standardowe pole o 40 kolumnach i 4 wierszach.

15. Meta

np. dla celów katalogowych czy indeksów, wykorzystywanych przez odpowiednie programy, np.

wyszukiwarki sieciowe. Zawiera ono trzy atrybuty: http-equiv, name i content w kombinacji pierwszy

z trzecim lub drugi z trzecim. http-equiv definiuje zmienne systemowe, natomiast name - zmienne

u_ytkownika.

Polecenia meta definiujemy w obrebie znacznika <head> tworzonej strony.

<head>

inne …

</head>