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

 

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

<
  • DANE ADRESOWE

     

    w czym mogę pomóc?

    biuro(at)gddm.com.pl

    Zd Wola Paprocka 86

    znajdź mnie na Youtube

  • PROGRAMOWANIE

     

    JavaScript HTML CSS

    jQuery jQuery Mobile

    node.js React Angular

    ES6 babel rollup karma

  • GRAFIKA ANIMACJA

     

    grafika na strony www

    grafika reklamowa

    animacja 2D i 3D

    grafika 2D i 3 D

  • DORADZTWO

     

    doradztwo IT

    doradztwo biznesowe

    usługi IT

    analizy biznesowe i IT

  • SZKOLENIA

     

    technologie IT

    marketing

    zarządzanie

    projekty metodologia

>