Comment débuté dans le HTML

R3D0X · le 18 octobre 2015

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>

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

<h3>Balise de taille h3</h3>

</center>

Voilà la fin du petite exemple..

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:

damien58 · le 18 octobre 2015

<center> c'est pas très propre comme code pour aligner.

align = "center"> est mieux pour du texte image code ect..

Modifié le 18 octobre 2015 par damien58

**Gameuse Akira** · le 18 octobre 2015

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 :
<!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..
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 !

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

R3D0X · le 18 octobre 2015

damien, on parle bien de codage HTML et non PHP Merci bien !

damien58 · le 18 octobre 2015

Regarde la fin du cours

http://www.delprat.org/cours/image.htm

Sinon pour les débutants c'est un bon début

R3D0X · le 18 octobre 2015

Je leur apprend la simpliciter et <center> et largement plus simple pour un début.. Après chacun apprend à son rythme !

Gameuse Muse · le 18 octobre 2015

<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

winner · le 19 octobre 2015

Dans tout les cas merci pour ton partage, ce sera utile pour ceux qu'ils veulent commencer !!!

R3D0X · le 19 octobre 2015

<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..

Gameuse Muse · le 19 octobre 2015

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

R3D0X · le 19 octobre 2015

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

Oui aussi :')

damien58 · le 19 octobre 2015

l'héxadécimal c'est une autre paire de manche j'ai galéré pour l'apprendre ^^

Gameuse Muse · le 19 octobre 2015

l'héxadécimal c'est une autre paire de manche j'ai galéré pour l'apprendre ^^

aha, oui c'est sûr!

Wolf18 · le 19 octobre 2015

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.

Gameuse Muse · le 20 octobre 2015

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!

Wolf18 · le 20 octobre 2015

Pareil, et puis il y a trop de possibilités, c'est presque infini !

Poulpozaure · le 10 novembre 2015

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.

Aishiteru_ · le 24 mars 2016

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:

Comment débuté dans le HTML

Messages recommandés

R3D0X

damien58

Gameuse Akira

R3D0X

damien58

R3D0X

Gameuse Muse

winner

R3D0X

Gameuse Muse

R3D0X

damien58

Gameuse Muse

Wolf18

Gameuse Muse

Wolf18

Poulpozaure

Aishiteru_

Veuillez vous connecter pour commenter

Forums

Boutique

Blogs

Information importante