Créer une page web avec le langage XHTML.
Menu général
Cours XHTML & CSS
- Le langage xHTML
- Introduction HTML
- Forme générale d'une page web
- Les balises et attributs
- Organisation du texte
- Inserer des images
- Créer un lien hypertexte
- Le langage CSS
- Introduction où mettre du CSS ?
- Appliquer un style à des balises
- Utiliser les class et id
- Taille du texte
- Choix de polices
- Alignement
- Effet de style
- Les couleurs
- Arriére plan css
Plus de langage XHTML ET CSS
- Listes à puces
- Différents types de listes
- Emballage de la page Web
- Les balises universelles
- Les flottants
- Le design
- Les tableaux
- Les formulaires
Plus...
- Mettre le site en ligne
Après avoir créer des pages web, créer votre site et le mettre sur le Web. - Liste de balies HTML
Liste non exhaustive permet de savoir si la balise existe, quels sont ses attributs les plus utilisés - Liste des propriétés CSS
liste des propriétés CSS telles que décrites dans les documents de la norme CSS 2 - Événements HTML
des événements qui peuvent être insérés dans des éléments HTML XHTML pour générer des actions. - Les sélecteurs
le tableau résumé de sélecteur de CSS2 .
Pour votre referensement gratuit
Créer une page web avec le langage XHTML.
Construire sa première page web en html
L'objectif est d'apprendre les notions de base du HTML en utilisant Windows et un éditeur de texte sans logiciel de création de pages web.
Généralité forme d'une page Web
Passons aux choses sérieuses.
La page Web.
Le code d'une page Web est constitué de plusieurs parties, comme suit :
* Partie déclaration du type de document : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
* Partie représentant la page entiére : <html></html>
* Partie entête de la page : <head></head>
* Partie texte ou corps de la page: <body></body>
Si vous écrivez ce code dans un éditeur de pages Web vous obtiendrez une page html vide.
Oui je sais je ne l'est pas oublié vous êtes débutants. Soyez passion je vais y venir.
Question 1 : mais quelle éditeur de page Web je vais utiliser?
Repense : tout éditeur de texte bloc note, word, word pad etc...
Question 2 : et qu'est ce que c'est que ce code ?
Repense : c'est ce que nous allons apprendre dans ce qui suit.
Si vous êtes tenté de faire un essai alors taper le code suivant dans le bloc note de windows
Code xhtml:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> </head> <body> </body> </html>
Je suppose que c'est fait.
Alors faite Fichier Enregistrer et dans la zone du texte Nom du fichier saisissez "essai.html" n'oubliez pas les guillemets(") pour le bloc note .
Pour le word de microsft ofice ne mettez pas de guillemets mais choisissez html dans Type de fichier.
Ouvrez le fichier enregistré, vous constater en effet une page Web vide, remarquez la barre du titre de votre explorateur rien que le nom de celui ci.
Parfait ma première page html.
Avants de continuer je vous conseille de télécharger et d'installer l'éditeur suivant il est très bon est gratuit.
Le lien de téléchargement ici :
Téléchargement de Notepad++
Téléchargez la vertion installer.exe
Parfait ma première page html.
voilà 2 captures d'ecrant pour faire une comparaison entre bloc note et notepad++
Image bloc note ...
Image notepad++
Revenons à notre code de tout à l'heur.
La première ligne :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"">
Elle contient une déclaration qui donne les informations suivantes :
1, Type du document PUBLIC
2, La version du langage XHTLM 1.0
3, La langue FR pour le français, EN pour l'anglais etc...
Toute page html doit contenir cette ligne à son début.
Les lignes restantes nous allons les voir dans la suite du cours.
