Outils pour utilisateurs

Outils du site


cours:cix_page_web

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
cours:cix_page_web [2023/06/24 08:42]
mrcjl [Le corps]
cours:cix_page_web [2023/06/24 09:06] (Version actuelle)
mrcjl [La page WEB]
Ligne 51: Ligne 51:
 </WRAP> </WRAP>
  
 +<WRAP round info>
 {{ https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/240px-HTML5_logo_and_wordmark.svg.png?100|}} {{ https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/240px-HTML5_logo_and_wordmark.svg.png?100|}}
 +Le **HyperText Markup Language, généralement abrégé HTML** ou, dans sa dernière version, HTML5, est le langage de balisage conçu pour représenter les pages web.
 +
 +Ce langage permet d’écrire de l’hypertexte (d’où son nom), de structurer sémantiquement une page web, de mettre en forme du contenu.
 +
 +Il est souvent utilisé conjointement avec des **feuilles de style en cascade (CSS)** pour la mise en forme des pages. HTML est inspiré du Standard Generalized Markup Language (SGML). Il s'agit d'un format ouvert. 
 +</WRAP>
 +
 Une balise spéciale permet d'insérer des commentaires qui ne s'affichent pas dans le navigateur. \\ Une balise spéciale permet d'insérer des commentaires qui ne s'affichent pas dans le navigateur. \\
 Une balise peut contenir un ou plusieurs attributs permettant de donner des précisions sur son utilisation. Une balise peut contenir un ou plusieurs attributs permettant de donner des précisions sur son utilisation.
Ligne 140: Ligne 148:
  
 =====Pour aller plus loin===== =====Pour aller plus loin=====
 +<WRAP round tip>
 +Les **principales balises** utilisées sont :
 +  * **<html>**...</html> : la page web
 +    * **<head>**...</head> : son entête
 +      * **<title>**...</title> : son titre
 +      * **<link** rel='stylesheet' ... /> : sa feuille de style pour son affichage
 +    * **<body>**...</body> : son contenu
 +      * **<h1>**...</h1> : les titres et sous-titre (h1 à h6) du contenu
 +      * **<p>**...</p> : les paragraphes
 +      * **<img** src='...' /> : les images
 +      * **<a** href='...'>...</a> : les liens hypertextes cliquables
 +      * **< div >**...</div> : les blocs de regroupement
 +Les balises peuvent avoir un contenu ou/et des attributs (ex. class='unstyle'). \\
 +Elles sont généralement imbriqué en utilisant des **indentations** comme en programmation.
 +</WRAP>
 +
 <WRAP round download> <WRAP round download>
   * [[https://www.w3schools.com/html/default.asp|Apprendre le HTML sur le site w3schools]]   * [[https://www.w3schools.com/html/default.asp|Apprendre le HTML sur le site w3schools]]
cours/cix_page_web.1687588921.txt.gz · Dernière modification: 2023/06/24 08:42 de mrcjl