Si vous remarquez qu il y a certaines erreurs, veuillez nous contacter à cette adresse:

Dimension: px

Commencer à balayer dès la page:

Download "Si vous remarquez qu il y a certaines erreurs, veuillez nous contacter à cette adresse: http://bfc.toile-libre.org/"

Corentin Breton
il y a 8 ans
Total affichages :

<Créer sa page HTML> INITIATION AU HTML Si vous remarquez qu il y a certaines erreurs, veuillez nous contacter à cette adresse: http://bfc.toile-libre.org/ ou par mail: BinaryForChaos.info@gmail.

1 <Créer sa page HTML> INITIATION AU HTML Si vous remarquez qu il y a certaines erreurs, veuillez nous contacter à cette adresse: ou par mail: BinaryForChaos.info@gmail.com Tous nos cours: rubrique Documentation => Les cours En espérant que vous aurez du plaisir à lire nos cours nous vous souhaitant une bonne lecture. Si vous vous sentez l âme d un écrivain n hésitez pas à nous contacter pour élaborer certains de nos cours en fonction de vos connaissances, attirances et affinités. SURTOUT N HÉSITEZ PAS À DIFFUSER NOS DOCUMENTS À VOS AMIS, SUR INTERNET, LES RÉSEAUX P2P-P4P ETC, ET CECI SANS RESTRICTIONS! Binary For Chaos, Février 2011

2 Rappel Pour commencer, il faut savoir que le HTML n a pas besoin d outils spécifiques pour être créé et édité, pour cela vous disposez de tout ce qu il faut sur votre ordinateur: Windows: un éditeur de texte tout simple comme par exemple le Notepad UNIX (MAC) ou LINUX: un éditeur de texte tout simple comme TextEdit par exemple Il existe plusieurs autres outils simples: Windows: NOTEPAD++ code source de ce projet libre: MADE PSPad et bien d autres encore... UNIX (MAC) ou LINUX: AbiWord (multi-plateforme. Fonctionne sous Microsoft Windows, Linux et Mac OS X) jedit DrPython MULTIPLATEFORME: jedit

Créer sa page Petit rapel des balises de base: <HTML> <HEAD> <TITLE>NOM DE LA PAGE</TITLE> </HEAD> <BODY> <H1>NOM DE LA PAGE</H1> TEXTE APPARAISSANT DANS LA PAGE </BODY> </HTML> Tout d adord il faut

3 Créer sa page Petit rapel des balises de base: <HTML> <HEAD> <TITLE>NOM DE LA PAGE</TITLE> </HEAD> <BODY> <H1>NOM DE LA PAGE</H1> TEXTE APPARAISSANT DANS LA PAGE </BODY> </HTML> Tout d adord il faut <HTML> sinon le navigateur ne pourra pas intérpréter correctement la page. Il faut se rappeler que (presque) chaque balise doit se fermer comme ceci </> ce qui en fin de document donne pour <HTML> ceci: </HTML> Il faut aussi savoir que le HTML contrairement à d autres languages n est pas sensible à la casse (différenciation bas de casse (minuscule) et capitales (majuscules)) dans ses balises. Ce qui signifie que <HEAD> et égal à <head>. La section «HEAD» n apparaît pas dans la page, mais elle est requise. Le contenu réel de la page se trouve à l intérieur de la section «BODY». De plus, la balise <TITLE> ne sert juste qu à donner le nom de la page dans la barre supérieure du navigateur et n est en aucun cas le titre qui apparait sur la page et qui est dans ce cas-ci compris dans une balise <H> (titre). Exemple: Concernant la balise <H> il existe différentes tailles de titres dans la hiérarchisation: <H1> <H2> <H3> <H4> <H5> et <H6> Voici un exemple pour chacune d elle:

4 Petit exemple de page HTML simple: <HTML> <HEAD> <TITLE>Page de test</title> </HEAD> <BODY> <H1>Page de test pour ma page HTML</H1> Ce texte est celui qui apparaîtra dans ma page! </BODY> </HTML> Donne ceci: Nous voyons donc que toutes ces balises ne servent qu à donner un titre à la page pour le navigateur (et pour les moteurs de recherches comme google ou yahoo! conjointement à la balise <META>

5 Intéressons nous maintenat plus en détail à cette page. Nous pouvons remarquer trois choses intéressantes: Dossier ou est stockée la page (ici en local) sinon celle-ci est de type www Le titre de la page dans l en-tête du navigateur Pourquoi ces «%20»? Car la page n a pas été enregistrée dans le bon format. Ce signe signifie que la page à été enregistrée avec des espaces, ce que les navigateurs ne gèrent pas. Il aurait fallut mettre un underscore: _ ou un - à la place. Voilà pur la prémière partie, ceci permet de créer une page html basique. Pour plus d informations concernant les balises, regarder ce document: Les outils du HTML:

Documents pareils

INCORPORER EXCEL EN LIGNE DANS UN FICHIER CRÉÉ AVEC L ÉDITEUR DE TEXTE 15 avril 2015

INCORPORER EXCEL EN LIGNE DANS UN FICHIER CRÉÉ AVEC L ÉDITEUR DE TEXTE 15 avril 2015 TABLE DES MATIERES Incorporer une feuille de calcul dans un fichier créé avec l Éditeur de texte de PLACE... 1 Avantages :... 1 Contraintes :... 2 Accéder à Microsoft OneDrive :... 2 Créer un classeur