Légion Dragon
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.


Forum version 1.0
 
PortailAccueilRechercherDernières imagesS'enregistrerConnexion
-20%
Le deal à ne pas rater :
Drone Dji DJI Mini 4K (EU)
239 € 299 €
Voir le deal

 

 HTML premiers pas

Aller en bas 
2 participants
AuteurMessage
Azaell
Seigneur Dragon
Seigneur Dragon
Azaell


Messages : 6
Points : 0
Date d'inscription : 03/08/2008
Age : 51
Localisation : Eta

HTML premiers pas Empty
MessageSujet: HTML premiers pas   HTML premiers pas Icon_minitimeMar 4 Nov - 21:46

Le HTML est le langage de base d’internet. C’est également son premier langage. Il a été conçu pour afficher principalement du texte et des images.
C’est un langage fixe, c'est-à-dire qu’il n’a aucun dynamisme, ne résout pas la moindre équation et n’est pas capable du moindre raisonnement logique.

Il fonctionne par « drapeau » ayant un début et une fin sauf quelques exceptions.
Chaque instruction HTML est encapsulée entre ces deux symboles : < et >
Exemple d’une instruction unique : <br> Où l’instruction est : br.
Exemple d’une instruction ayant début et fin : <p>TEXTE</p>

On remarque que le commencement d’une instruction appliqué à TEXTE se termine par un slash / qui ordonne la fin de l’instruction précédemment nommée.

Maintenant pour faire rapide les instructions les plus courantes :

<br> permet d’aller directement à la ligne.
<p> …. </p> définit un paragraphe
<font color="red"> … </font> colore le texte en rouge.

Pour les couleurs on peut utiliser soit le nom des couleurs génériques : red, blue, pink, purple, black, white, green ou utiliser son code couleur RVB lorsqu’on veut faire des nuances.
Par exemple pour le rouge on écrirait en mode RVB :

<font color="#FF0000"> … </font>
qui est exactement la même chose que
<font color="red"> … </font>

A noter que le noir est la couleur par défaut.

<center> … </center> permet de centrer le texte au milieu de ces deux balises.
<u> … </u> souligne le texte au milieu de ces deux balises.
<b> … </b> écrit en gras (on peut aussi écrire <strong>… </strong>)
<i> … </i> met en italique

On peut bien sur si on veut un texte en gras ET en italique superposer les deux balises comme ceci :

<b><i> TEXTE </i></b>

Pour placer une image :
<img src=http://www.adressedelimage.com>

Je ne rentre pas trop dans les détails mais pour la page d’ikariam ca suffit largement.

Pour tester votre fichier HTML il faut savoir qu’une page internet de base qui a l’extension .htm ou .html n’est qu’un fichier texte de bloc note.
Bref créer une page figée html tout le monde peut le faire.
On lance le bloc note de windows par exemple qui est le fichier le plus simple.
On écrit son texte html et on le sauve avec l’extension .html
Ensuite suffit de double cliquer dessus pour l’ouvrir avec votre navigateur internet et vous voyez directement le résultat.

ATTENTION je le répète ce que je viens d’expliquer est un résumé du HTML en 5 minutes.
Une véritable page internet demande d’autres balises pour fonctionner correctement.
Pour ikariam ce que je viens d’expliquer suffit car il s’occupe d’encapsuler la page.

Egalement : il faut faire gaffe quand on intègre du code html dans la page d’ikariam car il peut censurer des commandes par sécurité. En effet là on intègre une partie de code html dans une autre page html. C’est même plus complexe que ca car on intègre du html dans un code bien plus compliqué et qui demande une vraie formation, c’est le PHP.

Autant on peut apprendre tout seul le HTML autant le PHP faut pas rêver à moins d’être programmeur de formation. Mais toute façon on ne peut pas intégrer de PHP dans ikariam et heureusement pour eux ;o)

Et pour info le javascript est un autre langage qui permet des petits calculs autonomes mais ayant de très lourdes failles de sécurité.

Pour Ikariam à noter que j’ai remarqué qu’il collait une balise <br> tout seul à toute les lignes donc bien se méfier de ca. Lorsqu’il y a deux balises br comme ceci : <br><br> ca saute une ligne du coup.

Voilà si vous avez des questions hésitez pas, c’est plus facile pour moi de répondre que de partir de rien.
Revenir en haut Aller en bas
Azaell
Seigneur Dragon
Seigneur Dragon
Azaell


Messages : 6
Points : 0
Date d'inscription : 03/08/2008
Age : 51
Localisation : Eta

HTML premiers pas Empty
MessageSujet: Re: HTML premiers pas   HTML premiers pas Icon_minitimeMar 4 Nov - 21:49

Exemple de la page de présentation sur Ikariam :
(Attention il manque les balises BR parce qu'ikariam les rajoutes tout seul en fin de ligne)


<center>
<img src="https://2img.net/r/ihimizer/img395/3787/img175644sty6qrl8.jpg"><br>

<p><strong><font color="#FF0000">Recrutement</font> <font color="#999900">On</font> </strong>
Etre actif sur le jeu et sur le forum</p>

<strong><font color="#FF0000">Administration </font></strong>
<font color="#0066FF">Chef de l&acute;alliance : Ollr
G&eacute;n&eacute;ral :Tonydev
Ministre de l&acute;Int&eacute;rieur : clementjouault
Diplomate : Heavenx
Chercheur de trait&eacute; :Thom22 et Azaell
Elite Dragon :
Fondateur : Antho</font>

<p><img src="http://s7.ikariam.fr/skin/research/area_economy.jpg">
<font color="#FF0000"><strong>Prix commun aux membres de l'alliance ayant moins de 20 000 points</strong></font>
<font color="#0066FF">Bois : 5
Marbre :10
Verre de cristal :10
Vin :10
Soufre :10</font></p>
</center>
Revenir en haut Aller en bas
Azaell
Seigneur Dragon
Seigneur Dragon
Azaell


Messages : 6
Points : 0
Date d'inscription : 03/08/2008
Age : 51
Localisation : Eta

HTML premiers pas Empty
MessageSujet: Re: HTML premiers pas   HTML premiers pas Icon_minitimeJeu 6 Nov - 13:09

Pour faire un lien voici comment ça se présente :

<a href="http://legiondragonldrg.forumgaming.fr/index.htm" target="_blank">Forum des Dragons</a>

On utilise une balise <a

href="..." Arrow adresse où on veut emmener
target="XXX" Arrow où XXX est _blank pour ouvrir la page dans une autre fenetre OU _self pour ouvrir dans la page en cours. Il y en a d'autre mais pas utile dans notre cas.
On place le texte visible pour le cliquer entre les balises "a"


Pour ceux qui veulent aller plus loin, internet recel d'innombrables sites pour apprendre le HTML comme par exemple le très ancien http://www.allhtml.com/articles/categorie/HTML

Si vous avez des questions ou que vous ne comprenez pas des commandes hésitez pas. J'ai appris le HTML lorsqu'internet faisait ses premiers pas en France. clown
Revenir en haut Aller en bas
Yana
Diplomate
Diplomate
Yana


Messages : 91
Points : 66
Date d'inscription : 10/09/2008
Age : 40
Serveur :
  • Eta

Pseudo IG : Yana
Total des points : 715 000
Alliance : L-DRG
Localisation : eta

HTML premiers pas Empty
MessageSujet: Re: HTML premiers pas   HTML premiers pas Icon_minitimeSam 31 Jan - 22:47

Merci Azaell pour cette tuto. Je la potasserai bien tant que je ferais mon intérim.
Revenir en haut Aller en bas
Contenu sponsorisé





HTML premiers pas Empty
MessageSujet: Re: HTML premiers pas   HTML premiers pas Icon_minitime

Revenir en haut Aller en bas
 
HTML premiers pas
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Premiers Contacts

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Légion Dragon :: Aide :: Support et Questions-
Sauter vers:  
Ne ratez plus aucun deal !
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
IgnorerAutoriser