Aubrière asso » Tous les messages

Aubrière asso » Tous les messages https://www.aubriereinfo.com/forums/feed/ Thu, 16 Apr 2026 22:47:57 +0000 http://bbpress.org/?v=2.5.4-5380 fr-FR https://www.aubriereinfo.com/forums/topic/temporibus-autem-quibusdam-et-aut-officiis-debitis-aut-rerum/#post-231 <![CDATA[Répondre à: Temporibus autem quibusdam et]]> https://www.aubriereinfo.com/forums/topic/temporibus-autem-quibusdam-et-aut-officiis-debitis-aut-rerum/#post-231 Thu, 08 May 2014 16:36:04 +0000 aubriere Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae.

Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

]]> https://www.aubriereinfo.com/forums/topic/javascript-where-to/#post-228 <![CDATA[JavaScript Where To]]> https://www.aubriereinfo.com/forums/topic/javascript-where-to/#post-228 Thu, 08 May 2014 16:33:47 +0000 aubriere In HTML, JavaScripts must be inserted between <script> and </script> tags.

JavaScripts can be put in the <body> and in the <head> section of an HTML page.

The <script> Tag
To insert a JavaScript into an HTML page, use the <script> tag.

The <script> and </script> tells where the JavaScript starts and ends.

The lines between <script> and </script> contain the JavaScript code:

Example

<script>
function myFunction() {
 document.getElementById("demo").innerHTML = "My First JavaScript Function";
}
</script>
You don't have to understand the code above.

Just take it for a fact, that the browser will interpret the code between the <script> and </script> tags as JavaScript.

Note Old examples may have type= »text/javascript » in the <script> tag. This is no longer required.
JavaScript is the default scripting language in all modern browsers and in HTML5.

JavaScript Functions and Events
Often, JavaScript code is written to be executed when an event occurs, like when the user clicks a button.

JavaScript code inside a function, can be invoked later, when an event occurs.

Invoke a function = Call upon a function (ask for the code in the function to be executed).

You will learn much more about functions and events in later chapters.

JavaScript in <head> or <body>
You can place any number of scripts in an HTML document.

Scripts can be placed in the <body> or in the <head> section of HTML, and/or in both.

Often you will see scripts at the bottom of the <body> section of a web page. This can reduce display time.

Sometimes you will see all JavaScript functions in the <head> section.

Anyway, separating HTML and JavaScript, by putting all the code in one place, is always a good habit.

]]> https://www.aubriereinfo.com/forums/topic/new-elements-in-html5/#post-227 <![CDATA[Répondre à: New Elements in HTML5]]> https://www.aubriereinfo.com/forums/topic/new-elements-in-html5/#post-227 Thu, 08 May 2014 16:30:55 +0000 aubriere Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae.

Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat. »

]]> https://www.aubriereinfo.com/forums/topic/new-elements-in-html5/#post-223 <![CDATA[New Elements in HTML5]]> https://www.aubriereinfo.com/forums/topic/new-elements-in-html5/#post-223 Thu, 08 May 2014 16:28:25 +0000 aubriere The internet, and the use of the internet, has changed a lot since 1999, when HTML 4.01 became a standard.

Today, several elements in HTML 4.01 are obsolete, never used, or not used the way they were intended. All those elements are removed or re-written in HTML5.

To better handle today’s internet needs, HTML5 has also included new elements for drawing graphics, displaying media content, for better page structure and better form handling, and several new APIs, such as drag and drop, get the geographical position of a user, store local data, and more.

Below is a list of the new HTML elements, introduced by HTML5, and a description of what they are used for.

The New <canvas> Element
Note: The links in the tables below point to our HTML5 Reference. However, you will learn more about these new elements in this tutorial.

Tag Description
<canvas> Defines graphic drawing using JavaScript

New Media Elements
Tag Description

<audio> Defines sound or music content
<embed> Defines containers for external applications (like plug-ins)
<source> Defines sources for <video> and <audio>
<track> Defines tracks for <video> and <audio>
<video> Defines video or movie content

New Form Elements
Tag Description

<datalist> Defines pre-defined options for input controls
<keygen> Defines a key-pair generator field (for forms)
<output> Defines the result of a calculation

New Semantic/Structural Elements
HTML5 offers new elements for better structure:

Tag Description

<article> Defines an article in the document
<aside> Defines content aside from the page content
<bdi> Defines a part of text that might be formatted in a different direction from other text outside it
<details> Defines additional details that the user can view or hide
<dialog> Defines a dialog box or window
<figcaption> Defines a caption for a <figure> element
<figure> Defines self-contained content, like illustrations, diagrams, photos, code listings, etc.
<footer> Defines a footer for the document or a section
<header> Defines a header for the document or a section
<main> Defines the main content of a document
<mark> Defines marked or highlighted text
<menuitem> Defines a command/menu item that the user can invoke from a popup menu
<meter> Defines a scalar measurement within a known range (a gauge)
<nav> Defines navigation links in the document
<progress> Defines the progress of a task
<rp> Defines what to show in browsers that do not support ruby annotations
<rt> Defines an explanation/pronunciation of characters (for East Asian typography)
<ruby> Defines a ruby annotation (for East Asian typography)
<section> Defines a section in the document
<summary> Defines a visible heading for a <details> element
<time> Defines a date/time
<wbr> Defines a possible line-break

Removed Elements
The following HTML 4.01 elements has been removed from HTML5:

<acronym>
<applet>
<basefont>
<big>
<center>
<dir>
<font>
<frame>
<frameset>
<noframes>
<strike>
<tt>

]]> https://www.aubriereinfo.com/forums/topic/what-is-html5/#post-221 <![CDATA[What is HTML5?]]> https://www.aubriereinfo.com/forums/topic/what-is-html5/#post-221 Thu, 08 May 2014 16:25:05 +0000 aubriere HTML5 is the latest standard for HTML.

The previous version of HTML, HTML 4.01, came in 1999, and the internet has changed significantly since then.

HTML5 was designed to replace both HTML 4, XHTML, and the HTML DOM Level 2.

It was specially designed to deliver rich content without the need for additional plugins. The current version delivers everything from animation to graphics, music to movies, and can also be used to build complicated web applications.

HTML5 is also cross-platform. It is designed to work whether you are using a PC, or a Tablet, a Smartphone, or a Smart TV.

How Did HTML5 Get Started?
HTML5 is a cooperation between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG).

WHATWG was working with web forms and applications, and W3C was working with XHTML 2.0. In 2006, they decided to cooperate and create a new version of HTML.

Some rules for HTML5 were established:

New features should be based on HTML, CSS, DOM, and JavaScript
The need for external plugins (like Flash) should be reduced
Error handling should be easier than in previous versions
Scripting has to be replaced by more markup
HTML5 should be device-independent
The development process should be visible to the public
The HTML5 <!DOCTYPE>
In HTML5 there is only one DOCTYPE declaration, and it is very simple:

<!DOCTYPE html>

A Minimum HTML5 Document
Below is a simple HTML5 document, with the minimum of required tags:

[php]
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
</head>

<body>
Content of the document……
</body>
</html>
[/php]

HTML5 – New Features
Some of the most interesting new features in HTML5 are:

The <canvas> element for 2D drawing
The <video> and <audio> elements for media playback
Support for local storage
New content-specific elements, like <article>, <footer>, <header>, <nav>, <section>
New form controls, like calendar, date, time, email, url, search
Browser Support for HTML5
All major browsers (Chrome, Firefox, Internet Explorer, Safari, Opera) support the new HTML5 elements and APIs, and continue to add new HTML5 features to their latest versions.

The HTML 5 working group includes AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera, and hundreds of other vendors.

HTML5 References
At W3Schools you will find complete references with all HTML4/HTML5 tags, global attributes, standard events, and more.

]]> https://www.aubriereinfo.com/forums/topic/css-how-to/#post-219 <![CDATA[CSS How To…]]> https://www.aubriereinfo.com/forums/topic/css-how-to/#post-219 Thu, 08 May 2014 16:20:30 +0000 aubriere When a browser reads a style sheet, it will format the document according to it.

Three Ways to Insert CSS
There are three ways of inserting a style sheet:

External style sheet
Internal style sheet
Inline style
External Style Sheet
An external style sheet is ideal when the style is applied to many pages. With an external style sheet, you can change the look of an entire Web site by changing one file. Each page must link to the style sheet using the tag. The tag goes inside the head section:

An external style sheet can be written in any text editor. The file should not contain any html tags. Your style sheet should be saved with a .css extension. An example of a style sheet file is shown below:
[css]
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("images/background.gif");}
[/css]
Note Do not add a space between the property value and the unit (such as margin-left:20 px). The correct way is: margin-left:20px

Internal Style Sheet
An internal style sheet should be used when a single document has a unique style. You define internal styles in the head section of an HTML page, by using the

Inline Styles
An inline style loses many of the advantages of style sheets by mixing content with presentation. Use this method sparingly!

To use inline styles you use the style attribute in the relevant tag. The style attribute can contain any CSS property. The example shows how to change the color and the left margin of a paragraph:

This is a paragraph.

Multiple Style Sheets
If some properties have been set for the same selector in different style sheets, the values will be inherited from the more specific style sheet.

For example, an external style sheet has these properties for the h3 selector:
[css]
h3{
color:red;
text-align:left;
font-size:8pt;
}
[/css]
And an internal style sheet has these properties for the h3 selector:
[css]
h3{
text-align:right;
font-size:20pt;
}
[/css]
If the page with the internal style sheet also links to the external style sheet the properties for h3 will be:
[css]
color:red;
text-align:right;
font-size:20pt;
[/css]
The color is inherited from the external style sheet and the text-alignment and the font-size is replaced by the internal style sheet.

Multiple Styles Will Cascade into One
Styles can be specified:

inside an HTML element
inside the head section of an HTML page
in an external CSS file
Tip: Even multiple external style sheets can be referenced inside a single HTML document.

Cascading order

What style will be used when there is more than one style specified for an HTML element?

Generally speaking we can say that all the styles will « cascade » into a new « virtual » style sheet by the following rules, where number four has the highest priority:

Browser default
External style sheet
Internal style sheet (in the head section)
Inline style (inside an HTML element)
So, an inline style (inside an HTML element) has the highest priority, which means that it will override a style defined inside thetag, or in an external style sheet, or in a browser (a default value).

]]> https://www.aubriereinfo.com/forums/topic/css-syntax/#post-218 <![CDATA[Répondre à: CSS syntax]]> https://www.aubriereinfo.com/forums/topic/css-syntax/#post-218 Thu, 08 May 2014 16:15:14 +0000 aubriere Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus.

]]> https://www.aubriereinfo.com/forums/topic/css-syntax/#post-217 <![CDATA[Répondre à: CSS syntax]]> https://www.aubriereinfo.com/forums/topic/css-syntax/#post-217 Thu, 08 May 2014 16:14:36 +0000 aubriere At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Et harum quidem rerum facilis est et expedita distinctio.

]]> https://www.aubriereinfo.com/forums/topic/css-selectors/#post-214 <![CDATA[CSS Selectors]]> https://www.aubriereinfo.com/forums/topic/css-selectors/#post-214 Thu, 08 May 2014 16:09:24 +0000 aubriere CSS selectors allow you to select and manipulate HTML element(s).

CSS selectors are used to « find » (or select) HTML elements based on their id, classes, types, attributes, values of attributes and much more.

The element Selector
The element selector selects elements based on the element name.

You can select all

elements on a page like this: (all

elements will be center-aligned, with a red text color)

p{
text-align:center;
color:red;
}

]]> https://www.aubriereinfo.com/forums/topic/css-syntax/#post-211 <![CDATA[CSS syntax]]> https://www.aubriereinfo.com/forums/topic/css-syntax/#post-211 Thu, 08 May 2014 16:06:54 +0000 aubriere CSS Syntax
A CSS rule set consists of a selector and a declaration block:

CSS selector

The selector points to the HTML element you want to style.

The declaration block contains one or more declarations separated by semicolons.

Each declaration includes a property name and a value, separated by a colon.

CSS Example
A CSS declaration always ends with a semicolon, and declaration groups are surrounded by curly brackets:

p {color:red;text-align:center;}

To make the CSS more readable, you can put one declaration on each line, like this:

Example

p{
color:red;
text-align:center;
}

Try it yourself »

CSS Comments
Comments are used to explain your code, and may help you when you edit the source code at a later date. Comments are ignored by browsers.

A CSS comment starts with /* and ends with */. Comments can also span multiple lines:

]]>