
Szkolenia informatyczne: biuro, technologie internetowe, egzaminy technik
CENA - OFERTA: Jesteś zainteresowany/na kursem – zapraszam do kontaktu ze mną, szczegóły: www.poswojsku.pl .
Strona www responsywna mobilna html5 budowa struktura strony internetowej
Co można umieścić na stronie internetowej? Właściwie niemal wszystko co jest niezbędne do przekazywania i wymiany informacji, czyli:
systemy nawigacji,
teksty,
obrazki,
dźwięki,
animacje,
różnorodne aplikacje,
systemy wymiany informacji on-line typu: czat, forum, itd.
Strona www responsywna mobilna html5 budowa struktura strony internetowej
Poniższy kod strony www już znasz:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title> Projektowanie i tworzenie responsywnych stron www </title>
</head>
<body>
<p>TREŚĆ STRONY</p>
</body>
</html>
Teraz poznaj – w kolejnej części – wyjaśnienia odnośnie struktury dokumentu www
Strona www responsywna mobilna: STRUKTURA DOKUMENTU WWW
Każda strona internetowa musi zawierać przynajmniej cztery poniższe elementy:
ELEMENT I responsywnej strony internetowej
Pierwszy wiersz kodu strony internetowej zawiera deklarację typu dokumentu.
<!doctype html>
ELEMENT II responsywnej strony internetowej
<html> - znacznik pojawia się tylko raz na samym początku strony i zamykany jest </html> (z ukośnikiem) na końcu strony. Informuje przeglądarkę, że treści zawarte w tym dokumencie prezentowane są za pomocą języka HTML. Pozostałe elementy znajdują się w jego wnętrzu.
ELEMENT III responsywnej strony internetowej
Kolejny element to nagłówek - <head> - zawiera m.in. tytuł strony (np. Projektowanie i tworzenie responsywnych stron www), a także wiele innych informacji, które wykorzystywane są przez wyszukiwarki i przeglądarki. Są to m.in. informacje – łącza - wskazujące dołączone arkusze, na przykład kaskadowych arkuszy stylów czy plików JavaScript.
ELEMENT IV responsywnej strony internetowej
Dochodzimy do tego co jest wyświetlane na stronie www - treść strony internetowej. Otoczona jest ona znacznikami <body> i zawiera informacje, które pojawiają się w oknie przeglądarki: nagłówki, systemy nawigacji, tekst, obrazki, animacje, itd.
Strona www responsywna mobilna: HTML – CO POWINIENEŚ/AŚ WIEDZIEĆ O TECHNOLOGII HTML5
Strona www responsywna mobilna: PODSTAWOWE ZNACZNIKI HTML5 (sekcja <body>)
Pamiętaj o zamykaniu każdego znacznika!
ZNACZNIK HTML5: HEADER
ZNACZNIK HTML5: NAV
ZNACZNIK HTML5: FOOTER
ZNACZNIK HTML5:I: ARTICLE, SECTION I DIV
ZNACZNIK HTML5: ASIDE
ZNACZNIK HTML5: p
ZNACZNIK HTML5: h
ZNACZNIK HTML5: li
ZNACZNIK HTML5: ol
ZNACZNIK HTML5: br
ZNACZNIK HTML5: img
Opis znaczników znajdziesz w kolejnej części poradnika z tworzenia responywnych mobilnych stron internetowych.