WLM et MSN Aide et Astuces

[Tuto] Base Html + Meta Tag + Faire conaitre sont site

Aller en bas

[Tuto] Base Html + Meta Tag + Faire conaitre sont site Empty [Tuto] Base Html + Meta Tag + Faire conaitre sont site

Message par jc9123 le Lun 2 Juil 2007 - 11:10

Je vais faire un tutorial HTML en espérant que cela va vous servir....
Ce tuto est une approche du HTML, ceci ne vous servira que si vous ne connaissez RIEN au Html.

1 Créé une page Html

Si vous voulez créé une page html sans logiciel qui vous contourne la programmation faites comme ceci :

1. Ouvrez le Bloc Note
2. Faite Fichier > Enregistrer sous... > (Dans type) Sélectionnez "Tout les fichier". Nommer votre page index.html. Puis il faut faire la base de la page : dans la page insérer les balises <html> </html> ceci indique au navigateur que c'est une page HTML. Ensuite il y a deux balises importante : <head> </head> et <body> </body>.

1. <head> : cette balise doit toujours être présente juste après <html> elle ne contiendra pas de texte visible mais seulement des information pour le navigateur.

2. <body> : c'est cette balise qui va contenir le texte. Cette balise doit ausii toujours être présente et elle se place après <head> </head>.

Derniere chose a conaitre : c'est coment modifier le titre de la page. Il faut placer <title> </title> entre <head> </head>.

Si on regroupe toutes les information voilà se que l'on doit avoir sur notre Bloc Note :

Code:

<html>

<head>
<title>Ma première page en HTML</title>
</head>

<body>
Mon texte sans mise en forme
</body>

</html>

Se qui donne ouverts par un navigateur :

[Tuto] Base Html + Meta Tag + Faire conaitre sont site Sans_t10

(Vous pouvez remplacer "Ma première page en HTML" [Tuto] Base Html + Meta Tag + Faire conaitre sont site Langue: )
jc9123
jc9123
Membre
Membre

Âge : 24
Sexe : Masculin
Messages : 27

Revenir en haut Aller en bas

[Tuto] Base Html + Meta Tag + Faire conaitre sont site Empty Re: [Tuto] Base Html + Meta Tag + Faire conaitre sont site

Message par jc9123 le Mar 3 Juil 2007 - 9:35

2 Les mise en forme du texte

a) Voici les balise de mise en forme pour votre texte :


Gras
<B> </B>

Italique <I> </I>

Texte souligner <U>...</U>

Taille de <FONT SIZE=?> </FONT>
caractère

Couleur de <FONT COLOR="#$$$$$$"> </FONT>
caractère


A la ligne <BR>

Commentaires <!--***--> (N'est pas afficher)

Centrer <CENTER></CENTER>

Pour ce qui ne connaisse pas leur codes de couleurs :

Bleu #0000FF
Blanc #FFFFFF
Rouge #FF0000
Gris clair #C0C0C0
Vert #00FF00
Violet #8000FF
Jaune #FFFF00
Noir #000000

b) Voici comment faire des liens


<A HREF="url">Texte cliquable</A>
<A HREF="mailto:utilisateur@hôte.fr">Envoyer un E-Mail a utilisateur@hôte.fr</A>
jc9123
jc9123
Membre
Membre

Âge : 24
Sexe : Masculin
Messages : 27

Revenir en haut Aller en bas

[Tuto] Base Html + Meta Tag + Faire conaitre sont site Empty Re: [Tuto] Base Html + Meta Tag + Faire conaitre sont site

Message par jc9123 le Mar 3 Juil 2007 - 9:45

3 Les méta tag

Les méta tag donne des information a un moteur de recherche ou un annuaire.
C'est très utile pour un bon référencement.

Pour générer vos meta tag allez ici

Voilà j'ai fini mon tuto sur le html un petit merci ne serait pas de refus [Tuto] Base Html + Meta Tag + Faire conaitre sont site Biggrin2:


jc9123
jc9123
Membre
Membre

Âge : 24
Sexe : Masculin
Messages : 27

Revenir en haut Aller en bas

[Tuto] Base Html + Meta Tag + Faire conaitre sont site Empty Re: [Tuto] Base Html + Meta Tag + Faire conaitre sont site

Message par Beber le Mer 4 Juil 2007 - 2:01

Bien jouer les tuto merci a toi j'attend les prochains avec impatiences [Tuto] Base Html + Meta Tag + Faire conaitre sont site Smile2:
Beber
Beber
Ancien(ne)
Ancien(ne)

Âge : 28
Sexe : Masculin
Messages : 5374
Localisation : Nancy

http://www.msn-aide-astuces.org

Revenir en haut Aller en bas

[Tuto] Base Html + Meta Tag + Faire conaitre sont site Empty Re: [Tuto] Base Html + Meta Tag + Faire conaitre sont site

Message par FCBayern le Dim 13 Avr 2008 - 11:46

Super tuto et pour inseré des image on fait comment :) ?
FCBayern
FCBayern
Membre
Membre

Messages : 72

Revenir en haut Aller en bas

[Tuto] Base Html + Meta Tag + Faire conaitre sont site Empty Re: [Tuto] Base Html + Meta Tag + Faire conaitre sont site

Message par Clèm le Dim 13 Avr 2008 - 16:14

FCBayern a écrit:Super tuto et pour inseré des image on fait comment :) ?

entre les balises body (donc à la suite de ton texte à l'endroit où tu veux mettre ton image )
tu peux placer différente balise
la plus simple juste pour mettre uen image est :
<img src="lien de ton image(/adresse internet de l'image)">

ensuite si tu veux mettre un commentaire sur cette photo :
<img src="lien de ton image(/adresse internet de l'image)" alt="ton commentaire sur la photo">
exemple :
[Tuto] Base Html + Meta Tag + Faire conaitre sont site Tutophotohtmlya0

il y en a d'autre mais bon pas super utile non plus...

mais il faut que ton image est une adresse internet, (qu'elle soit héberger quelque part..) car si tu l'a prend direct de ton ordinateur tu sera le seul à pouvoir la voir...
Clèm
Clèm
Ancien(ne)
Ancien(ne)

Âge : 30
Sexe : Féminin
Messages : 5268
Localisation : devant un pc en île de france

Revenir en haut Aller en bas

[Tuto] Base Html + Meta Tag + Faire conaitre sont site Empty Re: [Tuto] Base Html + Meta Tag + Faire conaitre sont site

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum