Apprendre à programmer en HTML

Résolu/Fermé
Mephistole Messages postés 55 Date d'inscription lundi 28 mars 2016 Statut Membre Dernière intervention 20 avril 2020 - 28 mars 2016 à 17:32
Mephistole Messages postés 55 Date d'inscription lundi 28 mars 2016 Statut Membre Dernière intervention 20 avril 2020 - 28 mars 2016 à 22:56
Salut :),


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:

2 réponses

Utilisateur anonyme
28 mars 2016 à 17:36
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 :)
0
Mephistole Messages postés 55 Date d'inscription lundi 28 mars 2016 Statut Membre Dernière intervention 20 avril 2020 1
28 mars 2016 à 17:48
J'apprends le HTML et le CSS en même temps. J'ai un niveau grand débutant. Alors, franchement, je ne maitrise pas encore totalement le HTML et le CSS.
0
Utilisateur anonyme
28 mars 2016 à 18:47
Je te conseille vraiment d'apprendre le HTML PUIS le CSS
si tu connais pas déjà: https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3
0
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
0
Mephistole Messages postés 55 Date d'inscription lundi 28 mars 2016 Statut Membre Dernière intervention 20 avril 2020 1
28 mars 2016 à 22:56
Merci du conseil :)
0