Partage
  • Partager sur Facebook
  • Partager sur Twitter

Je débute la formation

Sujet résolu
    10 juillet 2024 à 16:14:15

    Bonjour à tous ! 

    Je viens de débuter aujourd'hui le premier cours pour avoir les bases du HTML et je voulais poser deux petites questions: 

    1) Comment se fait-il que mes liens facebook et instagram n'apparaissent pas dans ma page web ? 

    <!DOCTYPE html>
    <html lang="fr">

    <img src="images/robbie-lens.png"

    <head>
        <meta charset="utf-8">
        <title>À propos Robbie Lens Photographie</title>
    </head>

    <a href="index.html#accueil"
    <a href="https://twitter.com/"
    <a href="https://www.instagram.com/"

    <body>
        <h1>A propos de Robbie Lens
        </h1>
        <p> Photographe depuis plus de 5 ans, je réalise des reportages aux photos dynamiques et pertinentes pour vos projets de communication. Créativité, qualité, et sérénité pour vous ! Je gère tout, depuis la direction artistique, la réalisation du reportage, jusqu’à la livraison de vos photos retouchées, prêtes à l’emploi.</p>
    </body>
    <h2> Services
    </h2>
    <ul>
        <li> Portrait seul ou à plusieurs,</li>
        <li> Shooting mode, </li>
        <li> Retouches sur mesure,</li>
        <li> Développement. </li>
    </ul>

    </html>

    2) Pourquoi est-ce que ma page web reste blanche ? 

    <!DOCTYPE html>
    <html lang="fr">
        <head>
            <meta charset="utf-8">
            <title>Accueil - Robbie Lens Photographie</title>
        </head>
        <body>
        </body>
    </html>

    Merci !
    • Partager sur Facebook
    • Partager sur Twitter
      10 juillet 2024 à 16:21:59

      Bonjour,

      Pour commencer je te recommande d'utiliser le bouton "</>" de la barre des tâches pour insérer ton code sinon tu risques de te faire réprimander par les modérateurs du forum. ;)

      Pour ta première question : 

      <a href="index.html#accueil"
      <a href="https://twitter.com/"
      <a href="https://www.instagram.com/"

      Le premier problème c'est que tes balises ne sont pas fermées. Deuxième problème, le contenu de ta page doit être placé dans la balise <body>, dans ton exemple tes liens sont en dehors du <body>.

      Pour ta seconde question : 

      <!DOCTYPE html>
      <html lang="fr">
          <head>
              <meta charset="utf-8">
              <title>Accueil - Robbie Lens Photographie</title>
          </head>
          <body>
          </body>
      </html>

      Aucun problème ici. Comme je le disais, le contenu de ta page est dans la balise <body>. Ici le <body> est vide donc la page est vide. En clair, ton site n'affiche rien parce qu'il y n'y a rien à afficher.

      -
      Edité par Mewen_bzh 10 juillet 2024 à 16:23:28

      • Partager sur Facebook
      • Partager sur Twitter
      Je ne réponds pas aux messages privés.
        10 juillet 2024 à 16:28:44

        Bonjour, Merci de lire les règles du forum AVANT de créer un sujet.

        Le message qui suit est une réponse automatique activée par un membre de l'équipe de modération. Les réponses automatiques leur permettent d'éviter d'avoir à répéter de nombreuses fois la même chose, ce qui leur fait gagner du temps et leur permet de s'occuper des sujets qui méritent plus d'attention.
        Nous sommes néanmoins ouverts et si vous avez une question ou une remarque, n'hésitez pas à contacter la personne en question par Message Privé.

        Pour plus d'informations, nous vous invitons à lire les règles générales du forum

        Merci de colorer votre code à l'aide du bouton Code </>

        Les forums d'Openclassrooms disposent d'une fonctionnalité permettant de colorer et mettre en forme les codes source afin de les rendre plus lisibles et faciles à manipuler par les intervenants. Pour cela, il faut utiliser le bouton  </> de l'éditeur, choisir un des langages proposés et coller votre code dans la zone prévue. Si vous utilisez l'éditeur de messages en mode Markdown, il faut utiliser les balises <pre class="brush: php;">Votre code ici</pre>.

        Merci de modifier votre message d'origine en fonction.

        Liens conseillés


        Bonjour, Passez votre code au validateur pour voir et corriger vos erreurs => https://validator.w3.org/#validate_by_input

        1) Toutes balises d'affichages doit être entre <body> et </body> .Les balises de liens n'ont pas de balises fermante dans votre code, il le faut + du contenu à afficher. Voir exemple dans la doc MDN.

        2) Il n'y a rien comme contenu dans ce code, rien entre <body> et </body> donc le navigateur n'affiche qu'une page blanche. Écrivez du contenu et il apparaitra dans votre page. 

        • Partager sur Facebook
        • Partager sur Twitter
          10 juillet 2024 à 16:46:38

          Merci pour ces retours ! 

          @Mewen: J'ai fermé les balises et remis le contenu dans la balise <body>, mais les liens n'apparaissent toujours pas... Qu'est-ce que j'ai fait de mal ? 

          <!DOCTYPE html>
          <html lang="fr">
          
          <img src="images/robbie-lens.png"
          
          <head>
              <meta charset="utf-8">
              <title>À propos Robbie Lens Photographie</title>
          </head>
          
          <body>
              <h1>A propos de Robbie Lens
              </h1>
              <p> Photographe depuis plus de 5 ans, je réalise des reportages aux photos dynamiques et pertinentes pour vos projets de communication. Créativité, qualité, et sérénité pour vous ! Je gère tout, depuis la direction artistique, la réalisation du reportage, jusqu’à la livraison de vos photos retouchées, prêtes à l’emploi.</p>
          
              <a href="index.html#accueil"</a></a>
          <a href="https://twitter.com/"Accédez à Twitter</a></a>
          <a href="https://www.instagram.com/"Accédez à Instagram</a></a>
          
          
          <h2> Services
          </h2>
          <ul>
              <li> Portrait seul ou à plusieurs,</li>
              <li> Shooting mode, </li>
              <li> Retouches sur mesure,</li>
              <li> Développement. </li>
          </ul>
          
          </body>
          </html>



          • Partager sur Facebook
          • Partager sur Twitter
            10 juillet 2024 à 16:53:14

            Bonjour, le validateur est justement la pour la correction syntaxique.

            <a href="https://www.instagram.com/"> Accédez à Instagram</a> 

            Il y a deux balises, une ouvrante <a> et une fermante </a> entre les deux le contenu qui s'affiche.

            Chaque balise commence par un chevron ouvrant (<) et se termine par un chevron fermant (>).

            PS : Note que la balise <img> ne doit pas ce trouver à cet endroit, mais dans le body également et que cette balise <img> ne sort jamais sans son attribut alt obligatoire.

            -
            Edité par AbcAbc6 10 juillet 2024 à 16:55:02

            • Partager sur Facebook
            • Partager sur Twitter
              10 juillet 2024 à 17:19:04

              Ok noté. J'ai ajouté le alt à la base img mais le texte n'apparait pas avec l'image. Qu'est-ce que j'ai oublié ? 

              <img src="images/robbie-lens.png" alt="Photo de Robbie Lens />"



              • Partager sur Facebook
              • Partager sur Twitter
                10 juillet 2024 à 17:41:09

                Une petit erreur de syntaxe :

                <img src="images/robbie-lens.png" alt="Photo de Robbie Lens"> 

                Le / de fin n'est pas nécessaire en HTML5, il l'était en xHTML une version précédente de l'HTML. Le chevron fermant doit être à la fin, pas dans le texte alternatif.

                Vous n'avez rien oublier, c'est que le texte n'a pas pour rôle de s'afficher avec l'image dans ce cas ci.

                Je vous propose de suivre les liens que j'ai posté dans ce sujet et de regarder les vidéo pour mieux comprendre le rôle de l'attribut alt.

                Une autre plus longue (20min) qui explique également l'attribut alt.

                • Partager sur Facebook
                • Partager sur Twitter
                  10 juillet 2024 à 18:04:54

                  Merci ! Je vais attendre de bien assimiler ça avant de commencer le cours sur le CSS.
                  • Partager sur Facebook
                  • Partager sur Twitter
                    10 juillet 2024 à 18:14:28

                    Bonjour, Très bien, bonne continuation dans votre apprentissage. ;)

                    Sujet résolu

                    Tu peux passer le sujet à "résolu" (bouton en haut à droite du sujet) et cliquer sur les pouces levés des messages qui t'ont aidé⋅e ;)
                    • Partager sur Facebook
                    • Partager sur Twitter

                    Je débute la formation

                    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
                    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
                    • Editeur
                    • Markdown