Aller au contenu

HTML et CSS


mazda

Messages recommandés

Bonjour j'aurais besoin d'aide svp.

1) Écrire un programme en HTML qui intègre un titre, un sous-titres, un paragraphe et une image que l’on nommera « pazapa » et qui trouve dans le dossier Pazapa.
2)Apres avoir écrit le programme HTML, écrire la partie CSS. 
Pour cela, vous centrerez le titre et le mettrez en gras. 
Vous utiliserez la meme police de caractère Calibre. 
Pour le sous-titre, vous utiliserez la meme police mais il sera mis en italique. 
Pour le paragraphe, vous mettrez une couleur de font unique, de couleur verte. 
Pour l’image, il faudra la centrer et définir une taille de largeur: 100 pixels et de longue: 200pixels

Lien vers le commentaire
Partager sur d’autres sites

  • E-Bahut

Bonsoir,

Je me demande s'il y a des spécialistes sur ce site, car il n'y a aucune réponse. Je n'y connais rien, mais à défaut, pour que tu ne crois pas qu'on ignore totalement ta demande, j'ai essayé en utilisant des sites en ligne, un pour le codage, l'autre pour la visualisation. Le résultat est ci-dessous, à toi de l'adapter en changeant les textes et l'image. Si un spécialiste se réveille, qu'il n'hésite surtout pas à rectifier mes erreurs ou à améliorer ce qui suit.

Encore une fois, je ne suis pas spécialiste, ça a l'air de marcher mais.... De toute façon, comme je suppose que tu as quand même eu un cours, le plus important est de comprendre les différentes balises. Si nécessaire, tu peux trouver moult explications complémentaires sur la toile.

https://wordhtml.com/ site pour la création du code à partir d'un fichier texte.

<h1>M&eacute;teo</h1>
<h2>Situation stable</h2>
<p>Cet apr&egrave;s-midi, des passages nuageux parfois denses. Pas de pr&eacute;cipitations.<br /> Les temp&eacute;ratures fluctueront entre -0 et 3&deg;C<br / La fiabilit&eacute; de la situation est tr&egrave;s bonne</p>
<p>.<img src="https://cdn.pixabay.com/photo/2012/02/24/16/59/swan-16736_960_720.jpg" /></p>

https://codebetter.lucaswillems.com/ site pour la création du CSS et pour la visualisation.

body { font-family: calibre;}

h1 {    text-align: center;
    color: #000000;}

h2 {    text-align: left;
    font-style: italic;
    color: #000000;}
    
p {    text-align: left;
    color: #008000;}
    
img {          display: block;
    margin: auto;
    width:200;
    height:100;}

Lien vers le commentaire
Partager sur d’autres sites

  • 4 mois plus tard...
Le 20/01/2023 à 12:43, mazda a dit :

Bonjour j'aurais besoin d'aide svp.

1) Écrire un programme en HTML qui intègre un titre, un sous-titres, un paragraphe et une image que l’on nommera « pazapa » et qui trouve dans le dossier Pazapa.
 

<html>
<head>
<title>Titre de la page</title>
</head>
<body>
<h1>Titre 1</h1>
<h2>Sous titre 1</h1>
<p>Mon paragraphe<p>
<img src="/pazapa/pazapa" name="pazapa" title="Pazapa" alt="Pazapa">
</body>
</html>

Citation

2)Apres avoir écrit le programme HTML, écrire la partie CSS. 
Pour cela, vous centrerez le titre et le mettrez en gras. 
Vous utiliserez la meme police de caractère Calibre. 
Pour le sous-titre, vous utiliserez la meme police mais il sera mis en italique. 
Pour le paragraphe, vous mettrez une couleur de font unique, de couleur verte. 
Pour l’image, il faudra la centrer et définir une taille de largeur: 100 pixels et de longue: 200pixels

 

<html>
<head>
<title>Titre de la page</title>
<style>
h1 { align:center; font-weight:bold; font-family:Calibre}
h2 { font-family:Calibre; font-style:italic; }
p { font-color:#00FF00; }
img { aligne:center; width:100px; height:200px; }
</style>
</head>
<body>
<h1>Titre 1</h1>
<h2>Sous titre 1</h1>
<p>Mon paragraphe<p>
<img src="/pazapa/pazapa" name="pazapa" title="Pazapa" alt="Pazapa" >
</body>
</html>

Lien vers le commentaire
Partager sur d’autres sites

Rejoindre la conversation

Vous pouvez publier maintenant et vous inscrire plus tard. Si vous avez un compte, connectez-vous maintenant pour publier avec votre compte.

Invité
Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.

Chargement
×
×
  • Créer...
spam filtering
spam filtering