Aller au contenu

Presse

Communauté

Comment débuté dans le HTML

R3D0X

Par R3D0X,
dans HTML & CSS

 Partager

Messages recommandés

R3D0X Apprenti posteur

R3D0X

Posté(e)
Posté(e)

Bonjour à tous, vous souhaiter sans doute débuté dans la programmation ? Le codage ? ou autre ?

Alors ce topic et fait pour vous conseillé ! 

Alors, par ou faut-il commencé ? Html? CSS? PHP? SQL? C? C+? C++? Java? :-/

Très difficile tout ça !

Mais ne vous inquiéter pas, je vais vous conseiller pendant tout le long de ce topic !

Alors, j'ai moi même voulu débuté dans la programmation/codage, et j'ai fait des rechercher il est conseillé de commencé par le HTML/CSS ce qui est le plus simple et je le confirme d'ailleurs, plusieurs TUTO et autre astuces sur internet son disponible pour vous apprendre a codé, des page internet propre en HTML/CSS, il et conseillé d'apprendre a connaitre les balises, les balises c'est quoi ? Les balises son comme des "petit" dossier qui permet de ranger chaque codage dans le bonne endroit, et lui donné la bonne fonction de son exécution..

Les balises de bases son les suivantes : 

:arrow:

<!DOCTYPE html>= Elle permet de dire en qu'elle langage et codé votre site. si c'est du PHP ce sera <php>.

<html> avec cette balise plusieurs fonctionnalité son disponible je ne vais pas en cité sinon on est pas rendu je vous donnerais un lien vers un site pour apprendre mieux..

<head> <body> sont 2 balises très connu, pareils pour les fonction il seront présenter sur le site chacun son tour on commence doucement..

<title> = Titre de la page

<h1><h2><h3>.. <h9> Sont une balise pour la taille de polices par défaut 1 = Grand | 9 = Petit..

<body bgcolor="Couleur"> la couleur doit être cité en anglais ou en langage HTML Exemple #00000 = Noir.

<center> Pour centrer votre texte ou images..

<i> = texte en italique

<b> = texte en gras

<u> = texte souligné

Chaque balise doit être fermé avec un slash exemple d'un codage rapide :

<!DOCTYPE html> 

<title>TITRE</title>

<body bgcolor="black">

<center>

<h1>Bienvenue sur mon site!</h1>

<h3>Balise de taille h3</h3>

</center>

Voilà la fin du petite exemple.. :D

Voici le site pour apprendre doucement lisé vraiment tout pour mieux comprendre l'utilité du codage HTML, j'ai donné que quelque base et non tout sinon, en 2157 nous y sommes encore.. ;)

https://www.codecademy.com/fr/tracks/web

J’espère que ce petit Topic vous a quand même étais d'une bonne aide, n'hésiter pas a apprendre le codage / programmation c'est très utile dans le monde des jeux vidéo.

Bonne journée à vous ! :shy:

 

 

Lien vers le commentaire
Partager sur d’autres sites
Gameuse Akira Posteur d'honneur

Gameuse Akira

Posté(e)
Posté(e)

Bonjour à tous, vous souhaiter sans doute débuté dans la programmation ? Le codage ? ou autre ?

Alors ce topic et fait pour vous conseillé ! 

Alors, par ou faut-il commencé ? Html? CSS? PHP? SQL? C? C+? C++? Java? :-/

Très difficile tout ça !

Mais ne vous inquiéter pas, je vais vous conseiller pendant tout le long de ce topic !

Alors, j'ai moi même voulu débuté dans la programmation/codage, et j'ai fait des rechercher il est conseillé de commencé par le HTML/CSS ce qui est le plus simple et je le confirme d'ailleurs, plusieurs TUTO et autre astuces sur internet son disponible pour vous apprendre a codé, des page internet propre en HTML/CSS, il et conseillé d'apprendre a connaitre les balises, les balises c'est quoi ? Les balises son comme des "petit" dossier qui permet de ranger chaque codage dans le bonne endroit, et lui donné la bonne fonction de son exécution..

Les balises de bases son les suivantes : 

:arrow:

<!DOCTYPE html>= Elle permet de dire en qu'elle langage et codé votre site. si c'est du PHP ce sera <php>.

<html> avec cette balise plusieurs fonctionnalité son disponible je ne vais pas en cité sinon on est pas rendu je vous donnerais un lien vers un site pour apprendre mieux..

<head> <body> sont 2 balises très connu, pareils pour les fonction il seront présenter sur le site chacun son tour on commence doucement..

<title> = Titre de la page

<h1><h2><h3>.. <h9> Sont une balise pour la taille de polices par défaut 1 = Grand | 9 = Petit..

<body bgcolor="Couleur"> la couleur doit être cité en anglais ou en langage HTML Exemple #00000 = Noir.

<center> Pour centrer votre texte ou images..

<i> = texte en italique

<b> = texte en gras

<u> = texte souligné

Chaque balise doit être fermé avec un slash exemple d'un codage rapide :

<!DOCTYPE html> 

<title>TITRE</title>

<body bgcolor="black">

<center>

<h1>Bienvenue sur mon site!</h1>

<h3>Balise de taille h3</h3>

</center>

Voilà la fin du petite exemple.. :D

Voici le site pour apprendre doucement lisé vraiment tout pour mieux comprendre l'utilité du codage HTML, j'ai donné que quelque base et non tout sinon, en 2157 nous y sommes encore.. ;)

https://www.codecademy.com/fr/tracks/web

J’espère que ce petit Topic vous a quand même étais d'une bonne aide, n'hésiter pas a apprendre le codage / programmation c'est très utile dans le monde des jeux vidéo.

Bonne journée à vous ! :shy:

 

 

C'est vrai que c'est pas mal utile dans le monde des jeux ! :)

Lien vers le commentaire
Partager sur d’autres sites
Gameuse Muse Posteur d'honneur

Gameuse Muse

Posté(e)
Posté(e)

<body bgcolor="Couleur"> la couleur doit être cité en anglais ou en langage HTML Exemple #00000 = Noir.

 

Ce n'est pas vraiment du langage HTML pour la couleur, mais on appelle ça la couleur en hexadécimal pour être plus précis et vrai :)

Lien vers le commentaire
Partager sur d’autres sites
R3D0X Apprenti posteur

R3D0X

Posté(e)
  • Auteur
Posté(e)

<body bgcolor="Couleur"> la couleur doit être cité en anglais ou en langage HTML Exemple #00000 = Noir.

 

Ce n'est pas vraiment du langage HTML pour la couleur, mais on appelle ça la couleur en hexadécimal pour être plus précis et vrai :)

C'est exacte Muse mais faux pas leur compliqué les chose.. :)

Lien vers le commentaire
Partager sur d’autres sites
Gameuse Muse Posteur d'honneur

Gameuse Muse

Posté(e)
Posté(e)

C'est exacte Muse mais faux pas leur compliqué les chose.. :)

Il n'est pas nécessaire d'expliquer ce qu'est l'héxadécimal, tu peux juste dire que c'est une autre façon de définir une couleur sans rentrer dans les détails :)

Lien vers le commentaire
Partager sur d’autres sites
Wolf18 Super Posteur

Wolf18

Posté(e)
Posté(e)

Merci pour le tuto (même si pour moi c'est acquis).
Par contre t'es courageux damien d'avoir appris ça lol, perso quand j'ai besoin de couleur j'ouvre mon logiciel et j'ai mon code hexadécimal... Car vu le nombre de couleurs possibles et inimaginables bon courage pour apprendre. Même si ça correspond à une certaine logique il ne faut pas abuser.

Lien vers le commentaire
Partager sur d’autres sites
Gameuse Muse Posteur d'honneur

Gameuse Muse

Posté(e)
Posté(e)

Merci pour le tuto (même si pour moi c'est acquis).
Par contre t'es courageux damien d'avoir appris ça lol, perso quand j'ai besoin de couleur j'ouvre mon logiciel et j'ai mon code hexadécimal... Car vu le nombre de couleurs possibles et inimaginables bon courage pour apprendre. Même si ça correspond à une certaine logique il ne faut pas abuser.

j'ai appris la méthode, et... Je suis quand même passer au logiciel, elle n'est franchement pas simple et pas vraiment pratique non plus! 

Lien vers le commentaire
Partager sur d’autres sites
  • 3 semaines après...
Poulpozaure Posteur confirmé

Poulpozaure

Posté(e)
Posté(e)

Ola ! Petite intrusion ! Je viens corriger quelques petites choses, rien de grave, je viens panser vos blessures snif.

 

Bon, dans tous les langages cités Html, CSS, PHP, SQL, C, C+,  C++, Java, Javascript, Ajax. Il est bon de dire que tous ces langages ne sont pas tous à utiliser de la même façon. Certains sont coté serveur, d'autres coté client. D'autres sont des langages orientés objet, d'autres non, etc.. Ca c'est un fait, mais ce n'est pas ça qui nous intéresse.

 

Je cite le monsieur du début de poste : 

Citation

Alors, j'ai moi même voulu débuté dans la programmation/codage, et j'ai fait des rechercher il est conseillé de commencé par le HTML/CSS

-> Ceci mon ami, est complètement et absolument faux. Tout dépend de ce que tu veux entreprendre : créer un logiciel ? créer un site internet ? créer une application mobile ? Une animation an Flash ?

 

• Il n'y a pas de commencement au sens propre du terme. Certains langages se marient mieux avec d'autres suivant ce que tu veux faire. Anecdote : Un ami programmeur est un dieu du C/C++/programmation électronique, composants et tout le blablabla (tout ce que je ne fais pas), et il connait effectivement le HTML/CSS mais s'en sert comme un pied et n'est pas au courant de son évolution. Pourtant il est très bon dans les autres domaines de la programmation orientée objet (ou POO). En gros, je peux lui en apprendre et il peut m'en apprendre. Mais nous n'avons pas commencé à apprendre les mêmes choses.

 

Citation

Les balises son comme des "petit" dossier qui permet de ranger chaque codage dans le bonne endroit, et lui donné la bonne fonction de son exécution..

• C'est un peu mal dit mais c'est ça en GROS.

Une balise, ça parle d'elle-même. Quand on balise quelque chose, c'est qu'on lui donne une limite d'Entrée et une limite de SORTIE. Dans le jargon, on dit Balise OUVRANTE et balise FERMANTE.

 

• Exemple: <p>..Mon blabla..</p>

Le <p> permet l'entrée, le </p> permet la sortie. Le Slash permet de définir le point de fermeture de la balise. Tout ce qu'il y a entre ce balises est donc défini comme étant un PARAGRAPHE (balises <p> et </p>)

D'ailleurs, certaines balises sont AUTO-FERMANTE et ne nécessitent pas de FERMETURE. C'est le cas pour la balise IMAGE :

<img src="#" alt="" /> ->  Elle n'a pas une paire de balise mais une seule balise auto-fermante donc. Il y a plusieurs exception comme celle-ci.

 

Je continue en citant ceci : 

Citation

<!DOCTYPE html>= Elle permet de dire en qu'elle langage et codé votre site. si c'est du PHP ce sera <php>.

-> Ceci mon ami, est complètement et absolument faux.  Ou du moins pas complètement. C'est mal dit.

 

• Le doctype permet de dire aux navigateurs quelle version de html tu vas utiliser et ainsi de les distinguer afin de pouvoir interpréter ta page correctement. HTML 5, HTML1.0, xhtml 1.1, etc..

Un DOCTYPE mal interprété, ça donne des problèmes de compatibilités et une norme W3C non respectée.

 

De plus, la balise pour PHP est : <?php  echo"Bonjour" ?>

Là encore, c'est plus vraiment une paire de balise, mais une forme distincte afin de faire un appel php.

 

• Enfin, et je terminerai là-dessus, les balises type <center>, <b>, etc.. on arrête. Ou du moins, à utiliser avec parcimonie !

On le répète souvent dans le milieu, utiliser le CSS au maximum et les CLASS, afin de minimiser le code HTML brut, de le rendre plus propre et surtout, ça facilite la vie !

 

• Pareil pour l'exemple du bgcolor="black". C'est largement mieux de faire un appel CSS comme ceci : 

body{background-color: #ffffff;}

Du coup, <body bgcolor="Couleur"> se transforme en <body>, tout simplement car nous avons fait l'appel dans le css directement.

 

Mais ça, je ferai peut être un tuto ou je donnerai des liens afin que ce soit plus clair pour tout le monde ;)

Bisou

 

PS : L'hexadecimal s'utilise effectivement dans le style d'une page, afin de sélectionner une couleur parmi la palette. Mais on peut également utiliser le code RGBa (Red, Green, Blue, Alpha) dans le css afin de pousser plus loin l'utilisation des couleurs en ajoutant l'ALPHA, qui permet donc de régler son opacité . Si je fais background-color : rgba(0,0,0,.5);  Je dis donc à mon Css que j souhaite une couleur noire (0,0,0) et une opacité liée à cette couleur de .5. Ma couleur va donc laissé transparaitre 50% de la couche qui lui est inférieure. Si je tend vers un 0 absolue, ma couleur ne sera plus visible et inversement jusqu'à 1.

Lien vers le commentaire
Partager sur d’autres sites
  • 4 mois après...
Aishiteru_ Nouveau

Aishiteru_

Posté(e)
Posté(e)
Le 10/11/2015 à 20:02, Poulpozaure a dit :

Ola ! Petite intrusion ! Je viens corriger quelques petites choses, rien de grave, je viens panser vos blessures snif.

 

Bon, dans tous les langages cités Html, CSS, PHP, SQL, C, C+,  C++, Java, Javascript, Ajax. Il est bon de dire que tous ces langages ne sont pas tous à utiliser de la même façon. Certains sont coté serveur, d'autres coté client. D'autres sont des langages orientés objet, d'autres non, etc.. Ca c'est un fait, mais ce n'est pas ça qui nous intéresse.

 

Je cite le monsieur du début de poste : 

-> Ceci mon ami, est complètement et absolument faux. Tout dépend de ce que tu veux entreprendre : créer un logiciel ? créer un site internet ? créer une application mobile ? Une animation an Flash ?

 

• Il n'y a pas de commencement au sens propre du terme. Certains langages se marient mieux avec d'autres suivant ce que tu veux faire. Anecdote : Un ami programmeur est un dieu du C/C++/programmation électronique, composants et tout le blablabla (tout ce que je ne fais pas), et il connait effectivement le HTML/CSS mais s'en sert comme un pied et n'est pas au courant de son évolution. Pourtant il est très bon dans les autres domaines de la programmation orientée objet (ou POO). En gros, je peux lui en apprendre et il peut m'en apprendre. Mais nous n'avons pas commencé à apprendre les mêmes choses.

 

• C'est un peu mal dit mais c'est ça en GROS.

Une balise, ça parle d'elle-même. Quand on balise quelque chose, c'est qu'on lui donne une limite d'Entrée et une limite de SORTIE. Dans le jargon, on dit Balise OUVRANTE et balise FERMANTE.

 

• Exemple: <p>..Mon blabla..</p>

Le <p> permet l'entrée, le </p> permet la sortie. Le Slash permet de définir le point de fermeture de la balise. Tout ce qu'il y a entre ce balises est donc défini comme étant un PARAGRAPHE (balises <p> et </p>)

D'ailleurs, certaines balises sont AUTO-FERMANTE et ne nécessitent pas de FERMETURE. C'est le cas pour la balise IMAGE :

<img src="#" alt="" /> ->  Elle n'a pas une paire de balise mais une seule balise auto-fermante donc. Il y a plusieurs exception comme celle-ci.

 

Je continue en citant ceci : 

-> Ceci mon ami, est complètement et absolument faux.  Ou du moins pas complètement. C'est mal dit.

 

• Le doctype permet de dire aux navigateurs quelle version de html tu vas utiliser et ainsi de les distinguer afin de pouvoir interpréter ta page correctement. HTML 5, HTML1.0, xhtml 1.1, etc..

Un DOCTYPE mal interprété, ça donne des problèmes de compatibilités et une norme W3C non respectée.

 

De plus, la balise pour PHP est : <?php  echo"Bonjour" ?>

Là encore, c'est plus vraiment une paire de balise, mais une forme distincte afin de faire un appel php.

 

• Enfin, et je terminerai là-dessus, les balises type <center>, <b>, etc.. on arrête. Ou du moins, à utiliser avec parcimonie !

On le répète souvent dans le milieu, utiliser le CSS au maximum et les CLASS, afin de minimiser le code HTML brut, de le rendre plus propre et surtout, ça facilite la vie !

 

• Pareil pour l'exemple du bgcolor="black". C'est largement mieux de faire un appel CSS comme ceci : 

body{background-color: #ffffff;}

Du coup, <body bgcolor="Couleur"> se transforme en <body>, tout simplement car nous avons fait l'appel dans le css directement.

 

Mais ça, je ferai peut être un tuto ou je donnerai des liens afin que ce soit plus clair pour tout le monde ;)

Bisou

 

PS : L'hexadecimal s'utilise effectivement dans le style d'une page, afin de sélectionner une couleur parmi la palette. Mais on peut également utiliser le code RGBa (Red, Green, Blue, Alpha) dans le css afin de pousser plus loin l'utilisation des couleurs en ajoutant l'ALPHA, qui permet donc de régler son opacité . Si je fais background-color : rgba(0,0,0,.5);  Je dis donc à mon Css que j souhaite une couleur noire (0,0,0) et une opacité liée à cette couleur de .5. Ma couleur va donc laissé transparaitre 50% de la couche qui lui est inférieure. Si je tend vers un 0 absolue, ma couleur ne sera plus visible et inversement jusqu'à 1.

Que dire, tu as tout dit ;) après faut savoir que le css n'est pas facile pour tout le monde, dont l'utilisation du HTML , mais oui sinon parfait exemple, j'ai moi-même des difficulté avec certaines choses en CSS, mais faut que je m'agrippe , je lâche pas prise :rolleyes:

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
 Partager
Aller sur la liste des sujets
×
×
  • Créer...

Information importante

En navigant ce site, vous acceptez nos Politique de confidentialité.

  J’accepte