Responsive mobile website html5 construction website structure

flag language

What can you put on the website? Virtually almost everything that is necessary for the transmission and exchange of information, namely:

navigation systems,

texts

pictures,

sounds

animations,

various applications,

on-line information exchange systems such as: chat, forum, etc.

Responsive mobile website html5 construction website structure

 
You already know the following website code:
<! Doctype html>
<html>
 <head>
 <meta charset = "UTF-8">
 <title> Designing and creating responsive websites </title>
 </head>
 <body>
 <p > WEBSITE CONTENT </p>
 </body>
</html>
Now learn - in the next section - explanations about the structure of the web document

 

Mobile responsive website: STRUCTURE OF THE WWW DOCUMENT

Each website must contain at least the following four elements:

ELEMENT I responsive website

The first line of the webpage's code contains the document type declaration.
<! doctype html>

ELEMENT II of the responsive website

<html> - the marker appears only once at the very beginning of the page and closes </html> (with a slash) at the end of the page. Informs the browser that the content contained in this document is presented using HTML. Other elements are inside.

ELEMENT III of a responsive website

The next element is the header - <head> - contains the title of the page (e.g. Designing and creating responsive websites), as well as many other information that is used by search engines and browsers. These include information - links - pointing to attached sheets, for example cascading style sheets or JavaScript files.

ELEMENT IV of a responsive website

We come to what is displayed on the website - website content. It is surrounded by <body> tags and contains information that appears in the browser window: headers, navigation systems, text, pictures, animations, etc.

 

 

Mobile responsive website: HTML - WHAT YOU SHOULD KNOW ABOUT HTML5 TECHNOLOGY

 

Creating responsive mobile websites

 

Mobile responsive website: BASIC HTML5 MARKERS (section <body>)

Remember to close each tag!

HTML5 MARKER: HEADER

HTML5 MARKER: NAV

HTML5 MARKER: FOOTER

HTML5 MARKER: I: ARTICLE, SECTION I DIV

HTML5 MARKER: ASIDE

HTML5 MARKER: p

HTML5 MARKER: h

HTML5 MARKER: li

HTML5 MARKER: ol

HTML5 MARKER: br

HTML5 MARKER: img

 

 Description of tags can be found in the next part of the guide on creating responsive mobile websites.

See in the menu similar articles to: Website responsive mobile html5 construction website structure

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