Best Life Style

Best Life Style Informations de contact, plan et itinéraire, formulaire de contact, heures d'ouverture, services, évaluations, photos, vidéos et annonces de Best Life Style, Boutique, Cotonou.

😂😂😂
24/09/2021

😂😂😂

16/09/2021

Bonjour🌝⏰

08/09/2021

Écrit chat si ton portable n'affiche pas une photo de chat alors il n'est pas original

Ⓕⓞⓡⓜⓐⓣⓘⓞⓝ ⓒⓡⓔⓐⓣⓘⓞⓝ ⓟⓐⓖⓔ ⓦⓔⓑ🅄🄽 🄻🄸🄴🄽 🅅🄴🅁🅂 🅄🄽 🄰🅄🅃🅁🄴 🅂🄸🅃🄴Il est facile de reconnaître les liens sur une page : ils sont écri...
08/09/2021

Ⓕⓞⓡⓜⓐⓣⓘⓞⓝ ⓒⓡⓔⓐⓣⓘⓞⓝ ⓟⓐⓖⓔ ⓦⓔⓑ

🅄🄽 🄻🄸🄴🄽 🅅🄴🅁🅂 🅄🄽 🄰🅄🅃🅁🄴 🅂🄸🅃🄴

Il est facile de reconnaître les liens sur une page : ils sont écrits d'une façon différente (par défaut, en bleu et soulignés), et un curseur en forme de main apparaît lorsqu'on pointe dessus.

Je vous propose d'essayer de coder le lien qui amène vers OpenClassrooms, comme à la figure suivante.

Lien vers OpenClassrooms

Pour faire un lien, la balise que nous allons utiliser est très simple à retenir : . Il faut cependant lui ajouter un attribut, href , pour indiquer vers quelle page le lien doit conduire.

Par exemple, le code ci-dessous est un lien qui amène vers OpenClassrooms, situé à l'adresse https://openclassrooms.com :

OpenClassrooms

Nous allons placer ce lien au sein d'un paragraphe. Voici donc comment reproduire l'exemple de la figure précédente :

Bonjour. Vous souhaitez visiter OpenClassrooms ?

C'est un bon site ;o)

Par défaut, le lien s'affiche en bleu souligné. Si vous avez déjà ouvert la page, le lien s'affiche en violet.
Nous verrons comment changer cette apparence lorsque nous étudierons le CSS.

Si vous voulez faire un lien vers un autre site, il suffit donc de copier son adresse (on parle d'URL) en http:// . Notez que certains liens commencent parfois par https:// (sites sécurisés, comme OpenClassrooms) ou d'autres préfixes ( ftp:// …).

Si vous faites un lien vers un site qui comporte une adresse un peu bizarre avec des &, comme http://www.site.com/?data=15&name=mateo21 , vous devrez remplacer tous les « & » par « & » dans votre lien, comme ceci :http://www.site.com/?data=15&name=mateo21 .
Vous ne verrez pas la différence, mais cela est nécessaire pour avoir une page web correctement construite en HTML5.

Ⓢⓤⓘⓣⓔⓢ 👇

Formez-vous à un métier. Emploi garanti.

Ⓕⓞⓡⓜⓐⓣⓘⓞⓝ ⓒⓡⓔⓐⓣⓘⓞⓝ ⓢⓘⓣⓔⓢ ⓦⓔⓑ🄲🅁🄴🄴🅉 🄻🄴🅂 🄻🄸🄴🄽🅂Au chapitre précédent, vous avez appris à créer une page HTML toute simple. D...
08/09/2021

Ⓕⓞⓡⓜⓐⓣⓘⓞⓝ ⓒⓡⓔⓐⓣⓘⓞⓝ ⓢⓘⓣⓔⓢ ⓦⓔⓑ

🄲🅁🄴🄴🅉 🄻🄴🅂 🄻🄸🄴🄽🅂

Au chapitre précédent, vous avez appris à créer une page HTML toute simple. D'accord, elle n'était pas franchement magnifique, mais c'était une vraie page HTML quand même.

Comme vous le savez, un site web est composé de plusieurs pages. Comment faire pour aller d'une page vers une autre ? À l'aide d'un lien, pardi ! Dans ce chapitre, nous allons justement apprendre à créer des liens entre nos pages.

Je suppose que chacun d'entre vous sait ce qu'est un lien : il s'agit d'un texte sur lequel on peut cliquer pour se rendre sur une autre page.
On peut faire un lien d'une page a.html vers une page b.html , mais on peut aussi faire un lien vers un autre site (par exemple, http://www.siteduzero.com ). Dans les deux cas, nous allons voir que le fonctionnement est le même

Formez-vous à un métier. Emploi garanti.

🄵🄾🅁🄼🄰🅃🄸🄾🄽 🄲🅁🄴🄰🅃🄸🄾🄽 🅂🄸🅃🄴🅂 🅆🄴🄱Ⓟⓡⓐⓣⓘⓠⓤⓔ ⓔⓧⓔⓡⓒⓘⓒⓔVoici un petit exercice pour mettre en pratique vos nouvelles compétences. ...
08/09/2021

🄵🄾🅁🄼🄰🅃🄸🄾🄽 🄲🅁🄴🄰🅃🄸🄾🄽 🅂🄸🅃🄴🅂 🅆🄴🄱

Ⓟⓡⓐⓣⓘⓠⓤⓔ ⓔⓧⓔⓡⓒⓘⓒⓔ

Voici un petit exercice pour mettre en pratique vos nouvelles compétences. Ouvrezcet éditeur CodePen en ligne. Vous verrez que la page est encore vide ; écrivez vos premières lignes de HTML en présentant vos animaux préférés ! Pour cela, effectuez les tâches suivantes :

Ajoutez un titre de niveau 1.

À la suite du titre, ajoutez un paragraphe indiquant "Voici mes animaux préférés :".

Ajoutez une liste ordonnée d'au moins trois de vos animaux préférés.

Mettez en valeur (emphase forte) le premier animal de la liste

Vous allez construire votre première page HTML. Choisissez bien les balises (vous avez le droit de revoir les chapitres précédents !), placez-les au bon endroit, et CodePen actualisera automatiquement la page pour vous montrer le résultat de votre code.

Voici ce à quoi devrait ressembler votre page une fois modifiée :

Votre page une fois les étapes implémentées

Une fois que vous aurez implémenté tout ça, vous trouverez un exemple de réalisation des étapes en suivant ce lien.

Bien sûr, ce qui est demandé dans cet exercice est le minimum, mais n'hésitez pas à aller plus loin ! Ajoutez d'autres contenus, utilisez d'autres balises... Testez, CodePen vous le permet : vous êtes sûr de ne rien casser. 😉

08/09/2021

Ⓕⓞⓡⓜⓐⓣⓘⓞⓝ ⓒⓡⓔⓐⓣⓘⓞⓝ ⓢⓘⓣⓔⓢ ⓦⓔⓑ

🄴🄽 🅁🄴🅂🅄🄼🄴

Le HTML comporte de nombreuses balises qui nous permettent d'organiser le texte de notre page. Ces balises donnent des indications comme « Ceci est un paragraphe », « Ceci est un titre », etc.

Les paragraphes sont définis par la balise , et les sauts de ligne par la balise .

Il existe six niveaux de titre, de à , à utiliser selon l'importance du titre.

On peut mettre en valeur certains mots avec les balises , et .

Pour créer des listes, on doit utiliser la balise (liste à puces, non ordonnée) ou (liste ordonnée). À l'intérieur, on insère les éléments avec une balise pour chaque item.

Que pensez-vous de ce cours ?

08/09/2021

Ⓕⓞⓡⓜⓐⓣⓘⓞⓝ ⓒⓡⓔⓐⓣⓘⓞⓝ ⓢⓘⓣⓔⓢ ⓦⓔⓑ

🄻🄴🅂 🄻🄸🅂🅃🄴🅂

Les listes nous permettent souvent de mieux structurer notre texte et d'ordonner nos informations.
Nous allons découvrir ici deux types de listes :

les listes non ordonnées ou listes à puces;

les listes ordonnées ou listes numérotées, ou encore énumérations.

Liste non ordonnée

Une liste non ordonnée ressemble à ceci :

Fraises

Framboises

Cerises

C'est un système qui nous permet de créer une liste d'éléments sans notion d'ordre (il n'y a pas de « premier » ni de « dernier »). Créer une liste non ordonnée est très simple. Il suffit d'utiliser la balise que l'on referme un peu plus loin avec .
Commencez donc à taper ceci :



Et maintenant, voilà ce qu'on va faire : on va écrire chacun des éléments de la liste entre deux balises . Chacune de ces balises doit se trouver entre et . Vous allez comprendre de suite avec cet exemple :



Fraises

Framboises

Cerises



Le résultat se trouve à la figure suivante.

Une liste non ordonnée

Notez que la liste doit être placée à l'intérieur de . À partir de maintenant, je ne mets pas tout le code de la page pour rester lisible.

Retenez donc ces deux balises :

délimite toute la liste ;

délimite un élément de la liste (une puce).

Vous pouvez mettre autant d'éléments que vous voulez dans la liste à puces, vous n'êtes pas limité à trois éléments.

Et voilà, vous savez créer une liste à puces ! Pas si dur une fois qu'on a compris comment imbriquer les balises.

Pour ceux qui ont besoin de faire des listes complexes, sachez que vous pouvez imbriquer des listes à puces (créer une liste à puces dans une liste à puces). Si vous voulez faire ça, ouvrez une seconde balise à l'intérieur d'un élément .
Si vous fermez les balises dans le bon ordre, vous n'aurez pas de problème. Attention néanmoins, cette technique est un peu compliquée à maîtriser.

Ⓢⓤⓘⓣⓔⓢ 👇

08/09/2021

Ⓕⓞⓡⓜⓐⓣⓘⓞⓝ ⓒⓡⓔⓐⓣⓘⓞⓝ ⓢⓘⓣⓔⓢ ⓦⓔⓑ

🄻🄰 🄼🄸🅂🄴 🄴🄽 🅅🄰🄻🄴🅄🅁

Au sein de vos paragraphes, certains mots sont parfois plus importants que d'autres et vous aimeriez les faire ressortir. HTML vous propose différents moyens de mettre en valeur le texte de votre page.

Mettre un peu en valeur

Pour mettre un peu en valeur votre texte, vous devez utiliser la balise .
Son utilisation est très simple : encadrez les mots à mettre en valeur avec ces balises et c'est bon ! Je reprends un peu l'exemple de tout à l'heure et j'y mets quelques mots en évidence :









Emphase





Bonjour et bienvenue sur mon site !

Ceci est mon premier test alors soyez indulgents s'il vous plaît, j'apprends petit à petit comment cela marche.





Comme vous pouvez le voir, utiliser la balise a pour conséquence de mettre le texte en italique. En fait, c'est le navigateur qui choisit comment afficher les mots. On lui dit que les mots sont assez importants et, pour faire ressortir cette information, il change l'apparence du texte en utilisant l'italique.

Mettre bien en valeur

Pour mettre un texte bien en valeur, on utilise la balise qui signifie « fort », ou « important » si vous préférez. Elle s'utilise exactement de la même manière que :









Forte emphase





Bonjour et bienvenue sur mon site !

Ceci est mon premier test alors soyez indulgents s'il vous plaît, j'apprends petit à petit comment cela marche.





Vous voyez sûrement le texte s'afficher en gras. Là encore, le gras n'est qu'uneconséquence. Le navigateur a choisi d'afficher en gras les mots importants pour les faire ressortir davantage.
La balise ne signifie pas « mettre en gras », mais « important ». On pourra décider plus t**d, en CSS, d'afficher les mots « importants » d'une autre façon que le gras si on le souhaite.

08/09/2021

Ⓕⓞⓡⓜⓐⓣⓘⓞⓝ ⓒⓡⓔⓐⓣⓘⓞⓝ ⓢⓘⓣⓔⓢ ⓦⓔⓑ

🄻🄴🅂 🅃🄸🅃🅁🄴🅂

Lorsque le contenu de votre page va s'étoffer avec de nombreux paragraphes, il va devenir difficile pour vos visiteurs de se repérer. C'est là que les titres deviennent utiles.

En HTML, on est verni, on a le droit d'utiliser six niveaux de titres différents. Je veux dire par là qu'on peut dire « Ceci est un titre très important », « Ceci est un titre un peu moins important », « Ceci est un titre encore moins important », etc. On a donc six balises de titres différentes :

: signifie « titre très important ». En général, on s'en sert pour afficher le titre de la page au début de celle-ci ;

: signifie « titre important » ;

: pareil, c'est un titre un peu moins important (on peut dire un « sous-titre », si vous voulez) ;

: titre encore moins important ;

: titre pas important ;

: titre vraiment, mais alors là vraiment pas important du tout.

Attention : ne confondez pas avec la balise ! La balise affiche le titre de la page dans la barre de titre du navigateur, comme nous l'avons vu. Les titres et compagnie, eux, servent à créer des titres qui seront affichés dansla page web.

Ne vous laissez pas impressionner par toutes ces balises. En fait, six niveaux de titres, c'est beaucoup. Dans la pratique, personnellement, je n'utilise que les balises , et , et très rarement les autres (je n'ai pas souvent besoin de six niveaux de titres différents). Votre navigateur affiche le titre très important en très gros, le titre un peu moins important en un peu moins gros, etc.

Ne choisissez pas votre balise de titre en fonction de la taille qu'elle applique au texte ! Il faut impérativement bien structurer sa page en commençant par un titre de niveau 1 ( ), puis un titre de niveau 2 ( ), etc. Il ne devrait pas y avoir de sous-titre sans titre principal !

Ⓘⓝⓢⓣⓐⓝⓣ ⓓⓘⓢⓣⓡⓐⓒⓣⓘⓞⓝ😂😂😂👇
07/09/2021

Ⓘⓝⓢⓣⓐⓝⓣ ⓓⓘⓢⓣⓡⓐⓒⓣⓘⓞⓝ

😂😂😂👇

C'est une bonne solution où bien 😂😂

Adresse

Cotonou

Site Web

Notifications

Soyez le premier à savoir et laissez-nous vous envoyer un courriel lorsque Best Life Style publie des nouvelles et des promotions. Votre adresse e-mail ne sera pas utilisée à d'autres fins, et vous pouvez vous désabonner à tout moment.

Partager

Type