Le Html commençons simple

Je vous conseille de commencer ce cours HTML avec le Bloc-notes de Windows plutôt qu'un logiciel qu'il vous faudra déja maîtriser pour débuter par le sujet qui nous intéresse. Apprendre le HTML et aussi le maniement d'un éditeur wysiwyg ça fait beaucoup, à vous de voir, en plus vous risquez de prendre de mauvaises habitudes, alors commençons bien cette formation HTML!

Tutoriel HTML pour la création d'une page web.

Premier cours HTML, pour rendre lisible un document sur le web, il est nécéssaire de le présenter à l'aide de balises, ces balises sont analysées par le navigateur de l'internaute et permettent une restitution sans mise en valeur de la page web, la mise en valeur du texte ce fait par l'ntermédiaire de la feuille de style (CSS).

Liste (non hexaustive) des balises utilisées en HTML 4.01 Liste des balises Html

En HTML une balise ouverte doit-être refermée, sauf : , <img>, <hr>... une page sur l'optimisation du texte dans une page HTML

Les définitions des termes utilisés dans cette page sont lisible chez Wikipédia, en cliquant sur les termes vous accéderez au domaine Wikpédia sur une nouvelle page de votre navigateur.

Commencez par ouvrir votre éditeur de texte, copiez et collez ce code à gauche :

Exemple avec DOCTYPE
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/ loose.dtd"> <html> <head> <title>Ma première page web</title> <meta content="text/html; charset=UTF-8" http-equiv="content-type"> </head> <body> <h1>Une page simple</h1> <p>Le b.a-ba du Html avec Bon bec :-)</p> </body> </html>	Une page Html commence toujours par le doctype, le doctype est utile au navigateur de l'internaute, il lui permet de connaître le type de langage utilisé pour créer le document, Xml, Html... Dans notre cas cette page est en Html 4.01 Transitional. Avec la balise <Html> débute la structure de la page, la balise <head> contient l'entête du document à savoir : le titre de page, toujours le plus proche possible de la balise head, l'encodage utilisé pour les caractères, sur ce site UTF -8, viennent ensuite les méta tags, ces métas contiennent les mots clés, la description du contenu, la fréquences des mises à jour, l'adresse des fichiers CSS, javascript... Ces méta tags ne sont pas dans l'exemple à côté, car il sera encore temps de les voir par la suite, dans le dossier indexation. Avec la balise </head> s'achève l'entête du document. La balise <body> débute le contenu du document. <h1></h1> balises d'ouverture et de fermeture du titre du document (ne pas confondre avec title dans head). <p></p> balises d'ouverture et de fermeture des paragraphes. </body> balise de fermeture du corps de document. </html> balise terminant la page Html. Remarque : Les balises : <html><head><title></title><body>votre texte</body></html> sont suffisantes pour afficher un résultat dans un navigateur web.

Cliquez en haut à gauche de votre éditeur de texte sur Fichier, puis Enregistrez sous... Placez cette page à l'endroit de votre choix, donnez lui pour nom : ma_premiere_page_web.html

Attention : jamais d'espace et de caractères spéciaux dans le titre de votre page ! Les espaces doivent-être comblés par un - ou _

Voilà votre première page web réalisée, corsons un peu les choses et voyons la façon d'inclure plus de texte, des hyperliens et des images.

Suivez le guide par-ici

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML
4.01 Transitional//EN" "http://www.w3.org/TR/html4/
loose.dtd"> 
<html> 
<head> 
<title>Ma premi&egrave;re page
web</title> 
  <meta content="text/html; charset=UTF-8" 
 http-equiv="content-type"> 
</head> 
<body> 
<h1>Une page simple</h1> 
Le b.a-ba du Html avec Bon bec :-) 
</body> 
</html>

Pour rendre lisible l'exemple ci-dessus, il m'a fallut écrire à la main le code comme il se présente à gauche.

Il vous faudras mémoriser les caractères spéciaux, c'est pratique, le jour ou vous n'avez pas d'éditeur Wysiwyg, pas de problème ! Vous serez toujours opérationnel.

Quelques Publicités pour faire vivre le site, merci :o))

Titre de la page : Les bases du HTML
Le site visiograf.org a été réalisé avec le souci de correspondre aux normes du W3C, pour vérifier la validation HTML 4.01 Transitional copiez l'adresse de la présente page : http://www.visiograf.org/bases_html.html cliquez ici et collez cette adresse dans le champ Address:, de la rubrique Validate by URL puis cliquez sur Check pour vérifier la validation CSS 2.1 cliquez ici, et collez de nouveau l'adresse dans le champs Adresse: puis cliquez sur Vérifier

Contact Haut de page

referencement crepes jeux gratuit

Trucs et astuces pc	Miniatures			Forum	Webmestres
optimisation moteurs	Lithothérapie			Recettes	Vidéos comiques
		CSS (feuille de style)	Recherches sur les moteurs

Les bases du Html b.a-ba

Le Html commençons simple

Tutoriel HTML pour la création d'une page web.