Serie Html | Les Images et les Liens #2

Thomas Mailler · 3 Août 2017

Bonjour/Bonsoir

Bienvenue dans un nouveau tuto html, aujourd'hui nous allons aborder les boutons , les liens et les images (comment mettre des images, relier des pages du forum, relier à des liens, ect...)

Les Liens :

Les liens sont des adresse/Commande relier à des mots qui ont pour action de se téléporter d'une page à l'autre à la guise de l'opérateur.
Commençons par un lien qui à pour action de rediriger l'opérateur vers le site choisis.

Le Liens de Redirection :

Pour créer un lien de rediréction rien de plus simple, en voici les balises :

Code:

<a href="Vôtre Lien"> <h3><b>ICI</b></h3> </a>

Ce qui donnes un peut prés sa : Cliquer ICI pour aller sur le forum
Rappel : n'oublier pas les "/" pour les fermetures des balises !

Les Images et les background :

Pour mettre une image sur vôtre forum html, rien de plus simples, il vous suffira 'entrer ses balises la où vous souhaitez que l'image se trouve (exemple : sous un titre)

Code:

<img src="http://votre-images.jpg" width="1500" height="500">

Pour ce qui se demande à quoi sert widht et height, ses deux "codes" correspondes à la largeur et la longeur que devra avoir l'image.

Pour mettre un background sur vôtre forum, il n'y a rien de plus simple, il vous suffiras d'entrer le codes suivant correspondant à l'image que vous voulez avoir en fond de site (background)

Code:

<body background="https://vôtre-fond.com-rekjgrgjeqggrgr0eojejee8diefeefheffe"

Voilà, le tuto est terminé!N'hesitez pas à me proposer des idées pour l'épisode #3.

Thomas Mailler

CommunautéAideCITY · 3 Août 2017

Thomas Mailler à dit:
Bonjour/Bonsoir

Bienvenue dans un nouveau tuto html, aujourd'hui nous allons aborder les boutons , les liens et les images (comment mettre des images, relier des pages du forum, relier à des liens, ect...)

Les Liens :
Les liens sont des adresse/Commande relier à des mots qui ont pour action de se téléporter d'une page à l'autre à la guise de l'opérateur.
Commençons par un lien qui à pour action de rediriger l'opérateur vers le site choisis.

Le Liens de Redirection :

Pour créer un lien de rediréction rien de plus simple, en voici les balises :

Code:

<a href="Vôtre Lien">[/B][/SIZE][/COLOR][/SIZE] [SIZE=6][COLOR=#b30059][SIZE=5][B]<h3><b>ICI</b></h3> </a>

Ce qui donnes un peut prés sa : Cliquer ICI pour aller sur le forum
Rappel : n'oublier pas les "/" pour les fermetures des balises !

Les Images et les background :

Pour mettre une image sur vôtre forum html, rien de plus simples, il vous suffira 'entrer ses balises la où vous souhaitez que l'image se trouve (exemple : sous un titre)

Code:

<img src="http://votre-images.jpg" width="1500" height="500">[/SIZE][/COLOR][/SIZE][/COLOR][/SIZE][/COLOR][/B][/SIZE][/COLOR][/SIZE] [SIZE=6][COLOR=#b30059][SIZE=5][B][COLOR=#000000][SIZE=4][COLOR=#ff0000][SIZE=6][COLOR=#00b300][SIZE=5]

Pour ce qui se demande à quoi sert widht et height, ses deux "codes" correspondes à la largeur et la longeur que devra avoir l'image.

Pour mettre un background sur vôtre forum, il n'y a rien de plus simple, il vous suffiras d'entrer le codes suivant correspondant à l'image que vous voulez avoir en fond de site (background)

Code:

<body background="https://vôtre-fond.com-rekjgrgjeqggrgr0eojejee8diefeefheffe"

Voilà, le tuto est terminé!N'hesitez pas à me proposer des idées pour l'épisode #3.

Thomas Mailler

Le Tuto est comme celui d'avant propre et ordonné, j'attend la suite avec impatience !

SkyDream · 3 Août 2017

Thomas Mailler à dit:
Bonjour/Bonsoir

Bienvenue dans un nouveau tuto html, aujourd'hui nous allons aborder les boutons , les liens et les images (comment mettre des images, relier des pages du forum, relier à des liens, ect...)

Les Liens :
Les liens sont des adresse/Commande relier à des mots qui ont pour action de se téléporter d'une page à l'autre à la guise de l'opérateur.
Commençons par un lien qui à pour action de rediriger l'opérateur vers le site choisis.

Le Liens de Redirection :

Pour créer un lien de rediréction rien de plus simple, en voici les balises :

Code:

<a href="Vôtre Lien">[/B][/SIZE][/COLOR][/SIZE] [SIZE=6][COLOR=#b30059][SIZE=5][B]<h3><b>ICI</b></h3> </a>

Ce qui donnes un peut prés sa : Cliquer ICI pour aller sur le forum
Rappel : n'oublier pas les "/" pour les fermetures des balises !

Les Images et les background :

Pour mettre une image sur vôtre forum html, rien de plus simples, il vous suffira 'entrer ses balises la où vous souhaitez que l'image se trouve (exemple : sous un titre)

Code:

<img src="http://votre-images.jpg" width="1500" height="500">[/SIZE][/COLOR][/SIZE][/COLOR][/SIZE][/COLOR][/B][/SIZE][/COLOR][/SIZE] [SIZE=6][COLOR=#b30059][SIZE=5][B][COLOR=#000000][SIZE=4][COLOR=#ff0000][SIZE=6][COLOR=#00b300][SIZE=5]

Pour ce qui se demande à quoi sert widht et height, ses deux "codes" correspondes à la largeur et la longeur que devra avoir l'image.

Pour mettre un background sur vôtre forum, il n'y a rien de plus simple, il vous suffiras d'entrer le codes suivant correspondant à l'image que vous voulez avoir en fond de site (background)

Code:

<body background="https://vôtre-fond.com-rekjgrgjeqggrgr0eojejee8diefeefheffe"

Voilà, le tuto est terminé!N'hesitez pas à me proposer des idées pour l'épisode #3.

Thomas Mailler

Pas mal pour le 2, essaye de faire un grand tuto sur les boutons pour le 3, sinon continu SeemsGood

Thomas Mailler · 3 Août 2017

SkyDream à dit:
Pas mal pour le 2, essaye de faire un grand tuto sur les boutons pour le 3, sinon continu

Merci, j'y avait pensé. Je mettrai sa emplace pour le 3.

Auku · 3 Août 2017

Thomas Mailler à dit:
Merci, j'y avait pensé. Je mettrai sa emplace pour le 3.

Le tutos est cool et ordonné !!! J'attend la suite.

Thomas Mailler · 3 Août 2017

Auku à dit:
Le tutos est cool et ordonné !!! J'attend la suite.

Merci, j'attend de voir mais pour le moment sa à l'air bien partit pour demain.

Auku · 3 Août 2017

Thomas Mailler à dit:
Merci, j'attend de voir mais pour le moment sa à l'air bien partit pour demain.

coooooooooooooooooooool

Valfunde · 3 Août 2017

C'est une bonne idée de faire des tutos mais sur du html c'est useless... T'aura de meilleurs tutos sur openclassroom qui seront plus complet, plus exacts... dommage

Taink · 3 Août 2017

Thomas Mailler à dit:
Les Liens :
Les liens sont des adresse/Commande relier à des mots qui ont pour action de se téléporter d'une page à l'autre à la guise de l'opérateur.
Commençons par un lien qui à pour action de rediriger l'opérateur vers le site choisis.

Le Liens de Redirection :

Pour créer un lien de rediréction rien de plus simple, en voici les balises :

Code:

<a href="Vôtre Lien">[/B][/SIZE][/COLOR][/SIZE] [SIZE=6][COLOR=#b30059][SIZE=5][B]<h3><b>ICI</b></h3> </a>

Ce qui donnes un peut prés sa : Cliquer ICI pour aller sur le forum
Rappel : n'oublier pas les "/" pour les fermetures des balises !

Bah encore une fois grosse déception, les liens c'est pas seulement vers des sites externes, m'enfin.
Les liens relatifs sont utiles partout, pas que pour la balise <a>...

Thomas Mailler à dit:
Les Images et les background :

Pour mettre une image sur vôtre forum html, rien de plus simples, il vous suffira 'entrer ses balises la où vous souhaitez que l'image se trouve (exemple : sous un titre)

Code:

<img src="http://votre-images.jpg" width="1500" height="500">

Pour ce qui se demande à quoi sert widht et height, ses deux "codes" correspondes à la largeur et la longeur que devra avoir l'image.

Pour mettre un background sur vôtre forum, il n'y a rien de plus simple, il vous suffiras d'entrer le codes suivant correspondant à l'image que vous voulez avoir en fond de site (background)

Code:

<body background="https://vôtre-fond.com-rekjgrgjeqggrgr0eojejee8diefeefheffe"

Pareil, là d'ailleurs les liens relatifs seraient utiles.
C'est dommage que tu n'ait pas tenu compte de mes conseils sur ton dernier tuto.

Là on dirait plus un tuto sur le Markdown (si on oublie les images) et c'est dommage parce que l'HTML est plutôt différent.

Wabel · 5 Août 2017

A quand un tuto sur le css et le js? C'est indispensable dans un site

Thomas Mailler · 5 Août 2017

WabelGame à dit:
A quand un tuto sur le css et le js? C'est indispensable dans un site

sa vient

slownls · 6 Août 2017

WabelGame à dit:
A quand un tuto sur le css et le js? C'est indispensable dans un site

Tu peut faire un jolie site sans js... Mais sans css ça va être dur Kappa

Wabel · 6 Août 2017

slownls à dit:
Tu peut faire un jolie site sans js... Mais sans css ça va être dur

Oui mais la plupart des sites utilisent du js ^^

slownls · 6 Août 2017

WabelGame à dit:
Oui mais la plupart des sites utilisent du js ^^

Ou pas.

Wabel · 6 Août 2017

slownls à dit:
Ou pas.

d'accord

Taink · 6 Août 2017

WabelGame à dit:
Oui mais la plupart des sites utilisent du js ^^

Non, pas vraiment... Mais le PHP ça ouais, c'est utilisé rien que pour les cookies.

slownls · 6 Août 2017

Taink à dit:
Non, pas vraiment... Mais le PHP ça ouais, c'est utilisé rien que pour les cookies.

Le PHP et comme le coté server d'un addon Garry's Mod, il et donc obligatoire pour avoir un site web potable ( hors portfolio )

Taink · 6 Août 2017

slownls à dit:
Le PHP et comme le coté server d'un addon Garry's Mod, il et donc obligatoire pour avoir un site web potable ( hors portfolio )

Nan, les sites web statiques sont techniquement très utilisés, mais étant donné que Google et ses pubs requièrent des cookies si je me trompe pas, ils font un peu de PHP... Mais c'est vrai qu'un beau site est souvent en PHP, c'est quasi-obligatoire.

Serie Html | Les Images et les Liens #2

Quand voulez-vous le 3 ?

Demain !

Jamais !

Thomas Mailler

Geek suprême

CommunautéAideCITY

Geek

SkyDream

Bambi

Thomas Mailler

Geek suprême

Auku

Bambi

Thomas Mailler

Geek suprême

Auku

Bambi

Valfunde

Helpeur Divin

Taink

El Magnifico

Wabel

Je ne sais pas quoi mettre

Thomas Mailler

Geek suprême

slownls

Helpeur Divin

Wabel

Je ne sais pas quoi mettre

slownls

Helpeur Divin

Wabel

Je ne sais pas quoi mettre

Taink

El Magnifico

slownls

Helpeur Divin

Taink

El Magnifico