Vous êtes sur la page 1sur 1

Synthèse Web

World Wide Web (WWW) : appelé simplement Web, permet de consulter, avec un navigateur, des pages accessibles sur des sites
Navigateur Web (Browser) : logiciel conçu pour consulter et afficher le World Wide Web
URL (Uniform Resource Locator) : est un format de nommage universel pour désigner une ressource sur Internet à saisir dans
la barre d’adresse du navigateur :

http://www.exemple.com:80/chemin/monfichier.html?clé1=valeur1&clé2=valeur2

Cookies informatiques : ensemble de pages web et de ressources reliées par des hyperliens, défini et accessible par
une
Site adresse web
Web : ensemble de pages web et de ressources reliées par des hyperliens, défini et accessible par une adresse web
Page Web : généralement constituée d'un document en Hypertext Markup Language (HTML) pour la structure de base et
de feuilles de style en cascade (CSS) pour la mise en forme
Bases du langage de description HTML : Bases du langage de description CSS :

Structure d'un document Eléments de texte Syntaxe CSS Quelques propriétés


HTML <p>Ceci est un paragraphe</p> selecteur{propriété:valeur} Arrière-plan :
<html> <br/> (retour à la ligne) Principaux sélecteurs - Mettre une couleur :
<head> <b>Ce texte est en gras</b> p (paragraphe), hx titres,#id,.class p{background-color:red}
<title>Titre du document</title> <i>Ce texte est en italique</i> Grouper des sélecteurs - Mettre une image :
</head> Images h1,h2{color:blue} p{background-
<body> <img src="URL"/> Lier HTML et CSS image:url('image.jpg')
Le texte visible sur la page Liens Feuille de style externe :
</body> Taille texte : {font-size:40px}
<a href="http://lti.epfl.ch/">Ceci est un • Créer un nouveau fichier avec
</html> Couleur : {color: red }
lien</a> l'extension .css
Ecrire des titres : mon_fichier_css.css Commentaires
Listes (ol pour puces numérotées) /*Commentaires*/
<h1>Le plus grand titre</h1> • Dans la partie head du fichier
<ul> ou <ol>
<h2> . . . </h2> <li>Premier élément</li> .html:
<h3> . . . </h3> <li>Elément suivant</li> <link rel="stylesheet"
<h4> . . . </h4> </ul> ou </ol> href="mon_fichier_css.css" />
<h5> . . . </h5> Commentaires
<h6>Le plus petit titre</h6> <!—Commentaires-->