Apprendre à programmer en HTML
Résolu
Mephistole
Messages postés
55
Date d'inscription
Statut
Membre
Dernière intervention
-
Mephistole Messages postés 55 Date d'inscription Statut Membre Dernière intervention -
Mephistole Messages postés 55 Date d'inscription Statut Membre Dernière intervention -
Salut :),
Voici la page d'accueil :
Pour finir, voici la page commentaire :
Depuis peu j'apprends à programmer en HTML dans le but de savoir créer un site internet. Et j'utilise le logiciel PSPad.
J'aimerais avoir vos avis sur ce que j'ai déjà fait(sachant que ce n'est qu'un début ^^).
La seule phrase sur le site est en lien hypertext et je ne comprend pas pourquoi.
Voici l'extensions css :
<code css>
<style type='text/css'>
.colonne { font-style:sans-serif; font-size:45px; position:relative; }
.style { display:inline; border:black 1px solid; text-align:center; margin:0px; padding:20px; }
.Titre { width:100%; height:10%; border-style:solid; border-width:1px; border-radius:150px; text-align:center; color:green; }
#titre { font-size:80px; font-style:verdana; }
p { font-style:arial; font-size:12px; font-weight:bold; text-align:justify; color:black; margin:25px; }
img { display:block; margin:auto; height:150px; width:300px; }
</style>
Voici la page d'accueil :
<!DOCTYPE html>
<html lang="fr">
<head>
<title> Home </title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="Home" content="PSPad editor, www.pspad.com">
<link type="text/css" rel="stylesheet" href="extension css.css" media="screen"/>
</head>
<header>
<h1 class="Titre" id="titre"> Site test </h1>
<img src="Site test.JPG" alt="Image test"/>
</header>
<body>
<div>
<ul class="colonne">
<li class="style" title="Home">Home</li>
<a href="C:\Documents and Settings\Administrateur\Bureau\Page test\page test.html"</a>
<li class="style" title="Commentaire">Commentaires</li>
<a href="C:\Documents and Settings\Administrateur\Bureau\Page test\Commentaires.html"</a>
</ul>
</div>
<p>
J'ai fait ce site internet pour apprendre justement à en créer. Alors j'aimerais bien avoir vos remarques.
</p>
</body>
Pour finir, voici la page commentaire :
<!DOCTYPE html>
<html lang="fr">
<head>
<title> Commentaires </title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="Home" content="PSPad editor, www.pspad.com">
<link type="text/css" rel="stylesheet" href="extension css.css" media="screen"/>
</head>
<header>
<h1 class="Titre" id="titre"> Site test </h1>
<img src="Site test.JPG" alt="Image test" style="width:300px; height:100px" />
</header>
<body>
<div class="colonne">
<ul>
<li class="style" title="Home">Home</li>
<a href="C:\Documents and Settings\Administrateur\Bureau\Page test\page test.html"</a>
<li class="style" title="Commentaires">Commentaires</li>
<a href="C:\Documents and Settings\Administrateur\Bureau\Page test\Commentaires.html"</a>
</ul>
</div>
</body>
A voir également:
- Apprendre à programmer en HTML
- Application pour apprendre à coder - Guide
- Editeur html - Télécharger - HTML
- Programmer sms - Guide
- Programmer mail gmail - Guide
- Apprendre à lire le coran en français pdf - Télécharger - Histoire & Religion
2 réponses
Salut ! :)
Alors je te le dit de suite je n'ai pas fait du html depuis quelques temps ^^'
Donc en premier quelle est ton niveau ?
Maitrise tu totalement le HTML ou apprend tu du HTML et du CSS en même temps ?
Et enfin ou apprend tu ?
Merci :)
Alors je te le dit de suite je n'ai pas fait du html depuis quelques temps ^^'
Donc en premier quelle est ton niveau ?
Maitrise tu totalement le HTML ou apprend tu du HTML et du CSS en même temps ?
Et enfin ou apprend tu ?
Merci :)
Bonjour,
Pour parler juste de ton code, ton header doit être dans ton body et tu n'as pas fermer ta balise html. Après je t'invite à utiliser (si possible) les nouvelles balises HTML5 (section, article, aside, nav, etc etc).
Petit conseil, évite de mettre des espaces dans les noms de tes fichiers (extension css.css) mais plutot des _ (extension_css.css) ou des majuscules (extensionCss.css).
Pour tes liens, tu n'es pas obliger de mettre tout le temps le chemin absolu. La, tes fichiers se trouve dans le même répertoire, donc tu peux mettre le chemin relatif : href="Commentaires.html".
Après comme à dis Onirix753, tu peux apprendre correctement le HTML/CSS sur openclassrooms.
Cordialement,
Edit : Ta balise a est mal utilisé : <a href="ton_lien">Description qui sera cliquable</a>
Je t'invite à regarder une utilisation correct de ul li : https://www.w3schools.com/css/css_navbar.asp
Pour parler juste de ton code, ton header doit être dans ton body et tu n'as pas fermer ta balise html. Après je t'invite à utiliser (si possible) les nouvelles balises HTML5 (section, article, aside, nav, etc etc).
Petit conseil, évite de mettre des espaces dans les noms de tes fichiers (extension css.css) mais plutot des _ (extension_css.css) ou des majuscules (extensionCss.css).
Pour tes liens, tu n'es pas obliger de mettre tout le temps le chemin absolu. La, tes fichiers se trouve dans le même répertoire, donc tu peux mettre le chemin relatif : href="Commentaires.html".
Après comme à dis Onirix753, tu peux apprendre correctement le HTML/CSS sur openclassrooms.
Cordialement,
Edit : Ta balise a est mal utilisé : <a href="ton_lien">Description qui sera cliquable</a>
Je t'invite à regarder une utilisation correct de ul li : https://www.w3schools.com/css/css_navbar.asp
si tu connais pas déjà: https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3