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
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.