-
Compteur de contenus
1159 -
Inscription
-
Dernière visite
-
Jours gagnés
11
Type de contenu
Forums
Blogs
Jeux indés
Chaînes des membres
Messages posté(e)s par Gameuse Muse
-
-
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:
•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][/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 :
• 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] • 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]
Ensuite, d'autres balises à noter permettront de déterminer le type de liste. Pour la liste non-ordonnée ( ou liste à puces ) :
[/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]
[code]Et bien-sûr toujours accompagné d'un exemple:
[/code]
• Les mots entre ces deux balises seront en italique ( deux choix de balises possible ) . Exemple:[code]
[/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]
• Les mots entre ces deux balises seront surlignés. Exemple:[code]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 :
•Cette balise indique que vous codez en HTLM.
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]
•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] •Ces balises englobent tous vos codes en HTML.[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]
[/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!
Apprendre le HTML avec Muse! #4
dans HTML & CSS
Posté(e)
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 :