Web 2015-02-04

De an
Révision de 2 février 2017 à 14:42 par Aleray (discussion | contributions) (Quelques définitions)

(diff) ← Version précédente | Voir la version courante (diff) | Version suivante → (diff)
Aller à : navigation, rechercher

Inscriptions

Veuillez noter vos coordonnés ici

Quelques repères

  • Fin des années 50: émergence de l'idée d'un réseau des réseaux
  • Fin des années 60: premières applications pratiques
  • Fin des années 80: adoption mondiale de l'internet moderne
  • Début des années 90: popularisation de l'internet via le World Wide Web

Pour en savoir plus, rendez-vous sur la page Une brève histoire d'Internet.

Lexique

En pratique

Voici un exemple de document HTML minimal:

<html>
    <head>
        <title>Titre de la page</title>
    </head>
    <body>
        <h1>Titre du document</h1>
        <p>Premier paragraphe</p>
    </body>
</html>

Le mieux est sans doute de lire la très bonne introduction sur le site de Lionel Maes.

Exercice en cours

Consulter les sites de son choix. Regarder leur code source et coller les balises dans l’éditeur de texte commun. Chercher sur le web la signification de ces balises et documenter leur utilisation.

Balises de base

Balises en bloc

<h1>Titre de niveau 1</h1>
<h2>Titre de niveau 2</h2>
<h3>Titre de niveau 3</h3>
<h4>Titre de niveau 4</h4>
<h5>Titre de niveau 5</h5>
<h6>Titre de niveau 6</h6>
<p>Paragraphe</p>
<div>Bloc générique (sans sémantique particulière)</div>

Balises en ligne

<em>Texte en emphase</em>
<span>Balise générique</span>
<img src="http://exemple.com/image.jpg" />
<a href="http://exemple.com">Lien</a>

Exercice pour le prochain cours

Créer un document HTML en se basant sur le document de base, qui utilise toutes les balises de base que nous avons relevé. Le contenu peut-être un extrait d'article de journal, un poème ou ce que vous voulez. L'enregistrer au format HTML et le mettre en ligne sur votre page wiki.

Amusez-vous avec la structure du texte: nous le lirons avec un lecteur vocal.