Szkolenia informatyczne: biuro, technologie internetowe, egzaminy technik

CENA - OFERTA: Jesteś zainteresowany/na kursem – zapraszam do kontaktu ze mną, szczegóły: www.poswojsku.pl .

kurs tworzenie witryn www
szkolenie technik informatyk programista inf.03 ee.09 inf.04 egzamin przygotowanie

 

Strona www responsywna mobilna html5 budowa struktura strony internetowej

flag language

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

 

Tworzenie responsywnych mobilnych stron www

 

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.

Zobacz w menu podobne artykuły do: Strona www responsywna mobilna html5 budowa struktura strony internetowej

Budowa responsywnych i mobilnych stron internetowych

bezpłatny kurs internetowy szkolenia, filmy: kliknij w temat, którego chcesz się nauczyć

szkolenia bezpłatne kolejne lekcje
kursy, porady, artykuły znajdziesz w Menu Tematycznym