Html5
2465 mots
10 pages
PPE2- BTS SIOHTML5 COURS ET EXERCICES
2011/2012
HTML 5
I ) L’environnement de programmation HTML :
-Ouvrir Notepad++ et taper les trois lignes suivantes : Voici mon premier TP PPE2 Conception d’une page WEB Utilisation HTML5 et CCS3
PPE2- BTS SIO
HTML5 COURS ET EXERCICES
2011/2012
-Sauvegarder votre texte sous le nom ppe2 exo1.html, dans un répertoire html5 (à créer) - Aller dans le répertoire html5, double cliquer sur exo1.html
PPE2- BTS SIO
HTML5 COURS ET EXERCICES
2011/2012
Voici l’affichage du navigateur :
Tout le texte s'affiche sur la même ligne alors qu'on avait écrit 3 lignes En fait, pour créer une page web il ne suffit pas simplement de taper du texte comme on vient de le faire. En plus de ce texte, il faut aussi écrire ce qu'on appelle des balises, qui vont donner des instructions, comme "aller à la ligne", "afficher une image", etc.
Les balises et leurs attributs
Les pages HTML sont remplies de ce qu'on appelle des balises. Celles-ci sont invisibles à l'écran pour vos visiteurs, mais elles permettent à l'ordinateur de comprendre ce qu'il doit afficher. Les balises se repèrent facilement. Elles sont entourées de "chevrons", c'est-à-dire des symboles < et >, comme ceci : Les balises indiquent la nature du texte autour d'elles. Elles veulent dire par exemple : "Ceci est le titre de la page", "Ceci est une image", "Ceci est un paragraphe de texte", etc. On distingue deux types de balises : les balises en paires et les balises orphelines.
PPE2- BTS SIO Les balises en paires
HTML5 COURS ET EXERCICES
2011/2012
Elles s'ouvrent, contiennent du texte, et se ferment plus loin. Voici à quoi elles ressemblent :
PPE2 CONCEPTION SITE WEB
On distingue une balise ouvrante () et une balise fermante () qui indique que le titre se termine. Cela signifie pour l'ordinateur que tout ce qui n'est pas entre ces deux balises n'est pas un titre. Les balises orphelines Ce sont des balises qui servent le plus