Différences entre versions de « Html2020 »
(Page créée avec « {{Widget:Fiche-Conceptuelle-Haut}} = {{Widget:Traduction-Fiche}} = <!-- ***********************************************************************--> <!-- *************** D... ») |
|||
(4 versions intermédiaires par le même utilisateur non affichées) | |||
Ligne 49 : | Ligne 49 : | ||
<!-- *************** Commercez les modifications *******************--> | <!-- *************** Commercez les modifications *******************--> | ||
− | Les pages web visualisées dans un navigateur Internet sont écrites avec un langage nommé HTML (Hyper Text Markup Langage). C’est un langage de description de contenu et de structure. | + | Les pages web visualisées dans un navigateur Internet sont écrites avec un langage nommé HTML (Hyper Text Markup Langage). |
− | Le langage HTML est composé d’un ensemble de balises (tags). Une balise est un élément spécial qui indique une action concernant la mise en page, la mise en forme, ect… | + | C’est un langage de description de contenu et de structure. |
+ | Le langage HTML est composé d’un ensemble de balises (tags). | ||
+ | Une balise est un élément spécial qui indique une action concernant la mise en page, la mise en forme, ect… | ||
+ | |||
− | |||
− | |||
− | |||
<!-- ******** Fin Définition Générale ***************************** --> | <!-- ******** Fin Définition Générale ***************************** --> | ||
Ligne 139 : | Ligne 139 : | ||
Créer la page « liste.html » tout en respectant les étapes suivantes : | Créer la page « liste.html » tout en respectant les étapes suivantes : | ||
+ | |||
1- Créer un nouveau document dont le titre sera « Ma première page ». | 1- Créer un nouveau document dont le titre sera « Ma première page ». | ||
+ | |||
2- L'arrière-plan du document sera en « bleu ». | 2- L'arrière-plan du document sera en « bleu ». | ||
+ | |||
3. Écrire la phrase suivante avec la police de caractères « Comic Sans MS »: | 3. Écrire la phrase suivante avec la police de caractères « Comic Sans MS »: | ||
Ligne 189 : | Ligne 192 : | ||
<!-- ****************** Commercez les modifications ************************** --> | <!-- ****************** Commercez les modifications ************************** --> | ||
− | Activité 1 | + | Activité 1 |
+ | Créer la page « liste.html » tout en respectant les étapes suivantes : | ||
+ | 1- Créer un nouveau document dont le titre sera « Ma première page ». | ||
+ | 2- L'arrière-plan du document sera en « bleu ». | ||
+ | 3. Écrire la phrase suivante avec la police de caractères « Comic Sans MS »: | ||
+ | |||
+ | |||
Activité 2 | Activité 2 | ||
− | + | 1. Faite un changement de paragraphe. | |
+ | 2. Tracer une ligne de pleine longueur. | ||
+ | 3. Faite un changement de paragraphe. | ||
+ | 4. créer cette liste: | ||
+ | - haut | ||
+ | - bas | ||
+ | - gauche | ||
+ | - droite | ||
+ | |||
+ | |||
+ | |||
}}<!-- ************************* Fin Idées-Enseignement ********************** --> | }}<!-- ************************* Fin Idées-Enseignement ********************** --> | ||
Ligne 205 : | Ligne 224 : | ||
<!-- ****************** Commercez les modifications ************************** --> | <!-- ****************** Commercez les modifications ************************** --> | ||
− | + | 1) pensez à toujours refermer vos balises | |
− | + | ||
− | + | 2) indiquez l'URL canonique pour éviter le contenu dupliqué | |
− | |||
+ | 3) respectez la hiérarchisation des titres | ||
+ | |||
}}<!-- ************************* Fin Astuces-Enseignement ********************** --> | }}<!-- ************************* Fin Astuces-Enseignement ********************** --> | ||
Ligne 220 : | Ligne 240 : | ||
<!-- ****************** Commercez les modifications ************--> | <!-- ****************** Commercez les modifications ************--> | ||
− | + | Quelques liens utiles à visiter: | |
− | + | ||
− | + | 1) www.w3.org | |
+ | |||
+ | 2) www.jornaldunet | ||
+ | |||
+ | 3) www.w3schools.com | ||
+ | |||
+ | 4) www.sitew.com | ||
}}<!-- ************ Fin Liens Education ********************** --> | }}<!-- ************ Fin Liens Education ********************** --> | ||
Ligne 236 : | Ligne 262 : | ||
<!-- ****************** Commercez les modifications *********************--> | <!-- ****************** Commercez les modifications *********************--> | ||
− | + | 1) Introduction à HTML5 (Pearson education) | |
− | + | ||
− | + | 2)Les meilleurs livres (X)HTML | |
+ | 3) Apprendre HTML5 (librairie Eyrolles) | ||
+ | |||
}}<!-- ************* Fin Fiche Didactique Bibliographie *************** --> | }}<!-- ************* Fin Fiche Didactique Bibliographie *************** --> | ||
{{Widget:Fiche-Conceptuelle-Bas}} | {{Widget:Fiche-Conceptuelle-Bas}} |
Version actuelle datée du 8 juillet 2020 à 13:06
Votre Publicité sur le Réseau |
Traduction
Traductions
Définition
Domaine, Discipline, Thématique
Justification
Définition écrite
Les pages web visualisées dans un navigateur Internet sont écrites avec un langage nommé HTML (Hyper Text Markup Langage).
C’est un langage de description de contenu et de structure.
Le langage HTML est composé d’un ensemble de balises (tags).
Une balise est un élément spécial qui indique une action concernant la mise en page, la mise en forme, ect…
Le langage HTML est un langage interprété par le navigateur Web. Ex : Internet explorer. Les balises du langage HTML sont inclues entre les signes inférieur (<) et supérieur (>). ? Les balises du langage HTML ne sont pas sensible à la casse. Elles peuvent êtres écrite: en miniscule ou en majuscule. ? Il existe quatre catégories de balise : o Des balises composées d’une partie ouvrante et une partie fermante. Tel que : <Body>………………..</BODY> o Des balises composées d’une seule partie ouvrante tel que: < FONT SIZE= "5" COLOR= "bleue " >……………………. o Des balises composées d’une partie ouvrante avec des propriétés tel que: <IMG SRC= "image1.Jpeg" WIDTH="80" HEIGHT="78"> |
Html2020 - Historique (+)
Définition graphique
Concepts ou notions associés
Html2020 - Glossaire / (+)
Exemples, applications, utilisations
Créer la page « liste.html » tout en respectant les étapes suivantes : 1- Créer un nouveau document dont le titre sera « Ma première page ». 2- L'arrière-plan du document sera en « bleu ». 3. Écrire la phrase suivante avec la police de caractères « Comic Sans MS »: |
Erreurs ou confusions éventuelles
- Confusion entre statique - dynamique
- Confusion entre balise - commande
- Erreur fréquente: confusion entre insertion de cadre et tableau
Questions possibles
Liaisons enseignements et programmes
Idées ou Réflexions liées à son enseignement
Activité 1 Créer la page « liste.html » tout en respectant les étapes suivantes : 1- Créer un nouveau document dont le titre sera « Ma première page ». 2- L'arrière-plan du document sera en « bleu ». 3. Écrire la phrase suivante avec la police de caractères « Comic Sans MS »:
Activité 2
1. Faite un changement de paragraphe.
2. Tracer une ligne de pleine longueur.
3. Faite un changement de paragraphe.
4. créer cette liste:
- haut - bas - gauche - droite
Aides et astuces
Education: Autres liens, sites ou portails
Bibliographie
Pour citer cette page: ([1])
ABROUGUI, M & al, 2020. Html2020. In Didaquest [en ligne]. <http:www.didaquest.org/wiki/Html2020>, consulté le 5, décembre, 2024
1) Introduction à HTML5 (Pearson education)
2)Les meilleurs livres (X)HTML
3) Apprendre HTML5 (librairie Eyrolles)