Gameuse Muse

Bonjour à toi! Bienvenue sur le forum de jeu.video

Ta galerie est pas mal du tout! J'ai hâte de voir d'autres de tes créations

Bienvenue sur le forum Mahou-shojo! Pour les MMORPG, tu pourras te renseigner dans la catégorie prévu à cet effet sur le forum

Topic mis à jour le 30/08/2015 à 21:43.

Hello! On se retrouve encore une fois pour un nouveau tutoriel dédié à l'apprentissage de l'HTML! Vous en savez pas mal depuis quelques tutos, j'espère que vous suivez toujours! Il est temps d'aborder une nouvelle notion qui vous seras très utile! L'insersion des liens, dans une page web! En effet, les liens sont importants pour pouvoir relier des pages entre elles. Pour cela il nous faut deux choses : la balise auquel on rajoute un attribut href='' " pour la faire fonctionner et indiquer vers quel site le lien doit conduire. Ainsi, pour créer un lien il suffit de : Nom du site[/code] •Et cela suffit pour créer un lien qui permet d'ouvrir une nouvelle page web! Exemple: [spoiler][/spoiler] A l'aide de cette nouvelle balise, on peut également créer des ancres. Les ancres sont des raccourcis pour mener l'utilisateur à un endroit précis de la page web. [code]Thème •Cela permet de créer le thème qui permettra d'acceder à l'endroit de la page web qui se situe plus loin. Thème[/code] •Cela permet de déterminer l'endroit où l'ancre doit envoyer l'utilisateur. Exemple: [spoiler][/spoiler] Pour ouvrir ces liens, un attribut existe pour qu'il soit ouvert dans un nouvel onglet que l'on rajoute à la balise . [code]Nom du lien •Cet attribut permet d'ouvrir le lien dans un nouvel onglet. Nom du lien •Cet attribut permet d'ouvrir le lien dans un nouvel onglet, et si ceci est déjà fait, de l'envoyer vers l'onglet déjà ouvert. On peut aussi ajouter un attribut que l'on a déjà vu: Nom du lien • Il permet d'afficher une bulle d'information lorsque qu'on survole le lien. Voilà pour ce quatrième tutoriel j'espère qu'il vous aura été utile! N'hésitez pas à me poser des questions, j'y répondrai avec plaisir ! A bientôt pour de nouveaux tutoriels!

Bienvenue !

On se retrouve sur ce topic pour le troisième toturiel sur le HTML! Aujourd'hui, après avoir parler du code de base ainsi que des balises pour organiser son texte, nous allons nous attaquer à d'autres balises plus particulières! Je n'en dis pas plus, vous verrez la suite au fil de ce topic. Bien! Votre site peut maintenant contenir du texte, et l'agencer comme vous le souhaitez, mais il peut aussi être plus attrayant avec des images par exemple! C'est donc ce que nous allons aborder dans ce tutoriel Avant ça, il me faut mettre en évidence une nouvelle notion. Nous connaissons les balises, ouvrantes fermantes, par paire (et orpheline que nous allons voir plus tard). En plus de ses balises, on peut rajouter des attributs. Qu'est ce que sont des attributs? Alors les attributs sont un peu comme des options que l'ont peut ajouter à une balise. Ils permettent tout simplement de faire fonctionner une balise, ou bien de l'améliorer. ils sont régulièrement indiqués comme ceci: Pour insérer une image c'est tout simple! Une seule balise suffit pour cela, et cette balise est : ! En effet elle est seule, pas besoin de deux balises, et d'ailleurs ce n'est pas la seule! On peut reprendre l'exemple de et pleins d'autres balises que l'ont apellent orpheline. Je vous ai donc expliquer les attributs parce-qu'ils interviennent pour l'insertion d'une image. En effet la balise ne fonctionne pas sans attribut. On peut ainsi ajouter comme attributs : [/code] • Cet attribut permet d'informer à l'ordinateur où se trouve l'image à l'aide d'un lien. Exemple: [spoiler][/spoiler] De plus, un autre attribut important doit être rajouter: [code] •L'attribut alt, permet si l'image est mal chargée ou que le lien est mal indiqué, d'informer ce que l'image était. Exemple: [/code] • Cet attibut est une bulle d'information, c'est à dire que lorsque l'on survole l'image, ce qui est entré entre guillemets s'affiche. Exemple : [spoiler][/spoiler] Voilà au niveau des images! J'espère que ce topic vous aidera! Si vous avez des questions, n'hésitez pas à les poser, je me ferai un plaisir de vous aidez! A bientôt pour de nouveaux toturiels! On peut également rajouter un autre attribut qui celui-ci est facultatif :

Bonjour! On se retrouve pour un nouveau tutoriel sur le codage HTML, si vous n'avez pas vu le topic précedent je vous invite à le lire ici! Après vous avoir appris la base des bases, on continue donc à apprendre ensemble à coder! A présent, je vais vous lister différentes balises pour organiser votre texte dans la partie suivante de votre éditeur de texte : [/code] • Je rappelle que cette partie sert donc à insérer du texte, des images, des liens... sur votre page web. Bien! Tout d'abord, il existe [u]différentes balises[/u] pour organiser son texte. Je vais donc les lister [b]une par une[/b] et expliquer [b]leur place[/b] ainsi que [b]leur utilité[/b] et leur rendu avec un exemple [i]quelconque[/i]. C'est parti! [code] • Ces balises ouvrante et fermante permet d'organiser son texte en paragraphe, elle délimite donc le début et la fin de celui-ci. [/code] • Cette balise permet un retour à la ligne, elle se place en fin de phrase pour indiquer un retour à la ligne pour la phrase suivante. Un petit exemple tout simple pour vous aider est ci-dessous ! [spoiler][/spoiler] Pour compléter tout ceci, pour organiser notre page web, on peut également créer [b]des listes[/b]. Il en existe deux types : les listes [b]non-ordonnées[/b] ( ou listes à puces ) et les listes [b]ordonnées[/b] ( ou listes numérotées ). Tout d'abord, chaque élément des deux listes présentées devront être entre ces balises : [code] Ensuite, d'autres balises à noter permettront de déterminer le type de liste. Pour la liste non-ordonnée ( ou liste à puces ) : [/code] Remarque : Entre les balises , les éléments seront notés, ici on compte trois éléments dans la liste. Pour faciliter la compréhension, je vous donne un exemple de code et de traduction par le navigateur web: [spoiler][/spoiler] Pour une liste ordonnée ( ou liste numérotée ) : [code] Et bien-sûr toujours accompagné d'un exemple: [/code] [code] • Les mots entre ces deux balises seront en italique ( deux choix de balises possible ) . Exemple: [/code] • Les mots entre ces deux balises seront soulignés. Exemple: [spoiler][/spoiler] [code] [/code] • Les mots entre ces deux balises seront en gras ( deux choix possible ). Exemple: [spoiler][/spoiler] [code] • Les mots entre ces deux balises seront surlignés. Exemple: en ayant un chiffre associé à elle entre 1 et 6, servent aux utilisateurs à se repérer dans votre page pour tout simplement créer des titres. J'informe de leur importance, entre les balises pour que vous puissiez vous repérer. Titre très important[/code] [code]Titre important Titre normal[/code] [code]Titre, ou sous-titre Titre moins important[/code] [code]Titre encore moins important Voilà pour ce deuxième topic sur le HTML, j'espère qu'il vous sera utile! Si vous avez des questions, n'hésitez pas à les poser, je me ferai un plaisir de vous aidez! A bientôt pour de nouveaux tutoriels! Bien! En plus de tout ceci, on peut également mettre en valeur certains mots! En plus de cela, une autre balise se nommant

Si vous êtes intéressés par le codage , et que vous voulez vous lancer dans l'apprentissage des bases, vous avez frapper à la bonne porte ! C'est ici que débute les tutoriels concernant l'HTML et le CSS. Pour ce premier tutoriel, nous allons commencer par étudier le HTML5, la dernière version HTML, autrement dit HyperText Makeup Language. Tout d'abord, quel est le rôle du HTML ? - Il permet de gérer et structurer le contenu de votre site du texte aux images en passant par les liens etc. Avant de vous en dire un peu plus sur les bases du codage, il faut que vous vous munissiez d'un éditeur de texte. Si ce n'est pas déjà fait, je vous conseille vivement d'aller faire un tour ici! Bien-sûr, il n'y a aucune obligation, d'autres topics à venir vous proposerons différents éditeurs de texte. Bien, muni à présent de votre éditeur de texte, voici quelques bases importantes pour commencer à coder une page web en HTML. Toute page codée en HTML a un commencement identique, à savoir ceci : Titre [/code] Ne vous affolez pas, je vous explique un peu ceci ! Pour faciliter la compréhension, je vais détailler[b] ligne par ligne.[/b] Petit détail, lorsque qu'un mot est entre chevrons qui sont les signes "" on appelle cela une [b]balise ouvrante[/b]. et lorsqu'il est entre '''' on appelle cela une [b]balise fermante[/b]. [code] •Cette balise indique que vous codez en HTLM. [/code] •Ces balises englobent tous vos codes en HTML. [code] •Globalement, cette balise sert à définir l'encodage que doit utiliser le navigateur web pour votre page pour éviter les problèmes avec les caractères spéciaux. [/code] •Entre les deux balises, on y intègre un titre, qui se situera dans l'onglet de la page. [code] • Autrement dit l'entête, cette partie permet d'y intégrer les informations générales telles que le titre de la page, l'encodage... Les informations transmises servent plus à l'ordinateur et n'apparaissent pas sur la page en elle-même mais elles restent importantes ! [/code] •Autrement dit le corps, cette partie-ci permet d'y intégrer tout le contenu de votre page, les textes, les images, les liens... Voilà pour les petites explications! J'espère que ce topic vous sera utile Si vous avez des questions, n'hésitez pas à les poser, je me ferai un plaisir de vous aidez! A bientôt pour de nouveaux tutoriels!