Validator html balise non fermé
lea
-
DelNC Messages postés 2360 Statut Membre -
DelNC Messages postés 2360 Statut Membre -
Bonjour,
j'ai voulu valider mon code avec un validator html mais il me disait qu'un élément est ouvert mais je ne vois pas pouvez vous m'aider?
voici mon code:
j'ai voulu valider mon code avec un validator html mais il me disait qu'un élément est ouvert mais je ne vois pas pouvez vous m'aider?
voici mon code:
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Portfolio</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Caveat&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="container">
<header>
<div class="row justify-content-between">
<div class="col-md-3 mt-5">
<img src="img/logocouleursanstypo.png" id="logo" alt="logo">
</div>
<nav>
<div class="col-md-6 mt-5">
<ul>
<li>
<a href="index.html">Accueil</a>
</li>
<li>
<a href="parcours.html">Parcour</a>
</li>
<li>
<a href="creation.html">Projets</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main>
<div class="row justify-content-center">
<div class="col-md-4 mb-5">
<img src="img/contactimg.png" id="contactimg" alt="contactimg">
</div>
</div>
<div class="row justify-content-center">
<div class="col-md-3 mt-5">
<h2 id="contact">Contact</h2>
</div>
</div>
<div class="row justify-content-center">
<div class="col-md-6">
<p>Mail: ***@***</p>
<p>Tel: 07 71 10 60 05</p>
</div>
</div>
</main>
<footer>
<div class="row justify-content-center boite4">
<div class="col-md-1 mt-5 mb-5 boite4">
<a href="https://www.linkedin.com/in/l%C3%A9a-aguiar-1561b318b/">
<img src="img/linkedin.png" id="logof" alt="linkedin">
</a>
</div>
</div>
</footer>
<script src="js/jquery-latest.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
<script src="js/script.js"></script>
</div>
</body>
</html>
Configuration: Windows / Chrome 79.0.3945.130
A voir également:
- Validator html balise non fermé
- Application se ferme toute seule android - Guide
- Rouvrir onglet fermé chrome - Guide
- Editeur html - Télécharger - HTML
- Balise br ✓ - Forum CSS
- Symbole ouvert fermé ✓ - Forum Loisirs / Divertissements
1 réponse
Bonjour
Un conseil, quand tu fais des pages en html / php
Pense à mettre des tabulation pour bien séparer les différentes parties de ton code.
Il me semble qu'il manquait une balise </div> à la fin de la partie <header>
Et il y en a une en trop en bas
Voilà la partie <header corrigée
Là, c'est plus facile à lire
Un conseil, quand tu fais des pages en html / php
Pense à mettre des tabulation pour bien séparer les différentes parties de ton code.
Il me semble qu'il manquait une balise </div> à la fin de la partie <header>
Et il y en a une en trop en bas
Voilà la partie <header corrigée
Là, c'est plus facile à lire
<header>
<div class="row justify-content-between">
<div class="col-md-3 mt-5"><img src="img/logocouleursanstypo.png" id="logo" alt="logo"></div>
<nav>
<div class="col-md-6 mt-5">
<ul>
<li><a href="index.html">Accueil</a></li>
<li><a href="parcours.html">Parcour</a></li>
<li><a href="creation.html">Projets</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</nav>
</div>
</div>
</header>
