| 
| Odsłony: 100Div jest to nic innego jak pojemnik. Pojemnik, któremu możemy nadać cechy poprzez CSS.
W zasadzie każdy doświadczony programista używa właśnie div, ponieważ nie istnieje żadna inna konstrukcja, która zapewni spójności strony.
Zatem jak wygląda div ?
Bardzo prosto: <div> … </ div>
Podany przykład to podstawowa struktura diva, która składa się z otwarcia i zamknięcia.
Taki div jest bezużyteczny, ponieważ bez żadnych cech on nie wie, jak ma się zachowywać.
| | Odsłony: 106Wykaz <UL, OL, LI>
Jak wprowadzić na stronę wykaz: wypunktowanie (lista nieuporządkowana) lub numerowanie (lista uporządkowana)?
(lista wyliczeniowa)
wyświetlanie: w bloku
Wypunktowanie (podstawowy) - lista nieuporządkowana
<ul> <li>Punkt pierwszy</li> <li>Punkt drugi</li> <li>Punkt trzeci</li> </ul>
Zwracam uwagę, że w obrębie wykazu tekst i inne elementy można wstawiać tylko wewnątrz znaczników punktów wykazu, a nie poza nimi! Zatem poniższy kod będzie nieprawidłowy:
<ul> Wykaz... <li>Punkt pierwszy</li> <br> <li>Punkt drugi</li> <br> </ul>
PRZYKŁAD:
- Punkt pierwszy
- Punkt drugi
- Punkt trzeci
Wykaz numerowany (podstawowy) - lista uporządkowana
<ol> <li>Punkt pierwszy</li> <li>Punkt drugi</li> <li>Punkt trzeci</li> </ol>
PRZYKŁAD:
- Punkt pierwszy
- Punkt drugi
- Punkt trzeci
| | Odsłony: 80Podstawowe znaczniki języka HTML. Struktura dokumentu. Znacznik Sposób użycia Znaczniki dokumentu. Między nimi umieszczana jest cała treść dokumentu. Znacznik Sposób użycia Sekcja HEAD zawiera podstawowe informacje o dokumencie. Znacznik Sposób użycia Sekcja BODY zawiera konkretną treść dokumentu: znaczniki i tekst strony WWW. Atrybuty
1. BGCOLOR =”kolor” – umożliwia ustalenie koloru tła dokumentu.
2. BACKGROUND=”nazwa pliku” – umożliwia ustalenie pliku graficznego, który będzie tłem dokumentu.
3. TEXT=”kolor” – umożliwia ustalenie koloru tekstu dokumentu.
4. LINK=”kolor” – umożliwia ustalenie koloru odsyłaczy.
5. VLINK=”kolor” – umożliwia ustalenie koloru odsyłaczy, które już były użyte.
6. ALINK=”kolor” – umożliwia ustalenie koloru aktywnych odsyłaczy.
7. LEFTMARGIN=”x” – umożliwia ustalenie lewego marginesu strony na x pikseli. (IE).
8. TOPMARGIN=”x” – umożliwia ustalenie górnego marginesu strony na x pikseli (IE).
Znacznik Sposób użycia Tekst zawarty między znacznikami jest tytułem strony widocznym w belce tytułowej przeglądarki. Znacznik używany jest w sekcji HEAD.
| | Odsłony: 72Stosowanie formularzy na stronie umożliwia zebranie informacji oraz ułatwia komunikację z użytkownikami.
STRUKTURA FORMULARZA
* - adres e-mail, ścieżka dostępu do skryptu
WYSYŁANIE POCZTY
Aby wysłać wiadomość ze strony w poleceniu action należy podać adres e-mail oraz określić metodę:
- method="post" (wysyłamy)
- method="get" (pobieramy)
RODZAJE PÓL FORMULARZA
| | Odsłony: 107Użytkownicy na całym świecie korzystają z różnych systemów operacyjnych i z wielu dostępnych przeglądarek. Podstawową zasadą przygotowania strony internetowej jest stworzenie jej struktury w taki sposób, aby wyświetlała się poprawnie, bez względu na system jakiego używają internauci.
W tym celu został opracowany szablon dokumentu HTML, który zalecam stosować, gdyż będziemy mieć pewność, że strona będzie właściwie wyświetlana w oknie dowolnej przeglądarki.
NOWE ZNACZNIKI STRUKTURY DOKUMENTU HTML5
Wraz z nową wersją - HTML5 wprowadzono nowe elementy, które porządkują strukturę dokumentu HTML. Poprawiono także różnice w interpretacji błędów przez przeglądarki internetowe czego efektem było odmienne wyświetlanie zawartości strony.
<header>
<nav>
<section>
<article>
<aside>
<footer>
STRUKTURA DOKUMENTU HTML5
<!DOCTYPE HTML>
<html lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="pl" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<title>Tytuł strony</title>
</head>
<body>
<header></header>
<section>
<p>To jest nasza nowa strona internetowa HTML5 CSS3.</p>
</section>
<footer></footer>
</body>
</html>