Entrainement au codage
 
AccueilCalendrierFAQRechercherS'enregistrerConnexion

Partagez | 
 

 Codage III - le HTML et le CSS

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Danou
Admin
avatar

Messages : 783
Poutous : 957
Date d'inscription : 24/05/2016

MessageSujet: Codage III - le HTML et le CSS   Mer 2 Aoû - 21:33




  1. On peut mettre du CSS dans un code html grâce au code
    Code:
    <style>

  2. C'est tout de même à éviter. Il vaut mieux du coup créer une feuille CSS

  3. HTML files are meant to contain only HTML code. Similarly, CSS files are meant to contain only CSS code. You can create a CSS file by using the .css file name extension, like so: style.css

    With a CSS file, you can write all the CSS code needed to style a page without having to sacrifice the readability and maintainability of your HTML file.

  4. Il faut lier ce qu'on a crée dans le css, vers le html.

    Le code c'est
    Code:
    <link>
    . Il se ferme tout seul. Il faut y ajouter .href qui est l'ancrage, .type qui est donc le lien donc il faut ajouter en prime .text/css . .rel indique quel est le lien entre le code html et le css donc ici .

    ex du côté html:

    Code:
    <link href="https://www.codecademy.com/stylesheets/style.css" type="text/css" rel="stylesheet">

    ex du coté css:

    Code:
    <link href="/style.css" type="text/css" rel="stylesheet">


Revenir en haut Aller en bas
Danou
Admin
avatar

Messages : 783
Poutous : 957
Date d'inscription : 24/05/2016

MessageSujet: Re: Codage III - le HTML et le CSS   Jeu 3 Aoû - 0:11


Il est important d'accorder les fichiers html et css pour le rendu visuel, le tout dans deux fichiers différents.

Code:
<!DOCTYPE html>
<html>
  <head>
    <link href='https://fonts.googleapis.com/css?family=Roboto:400,300,500,100' rel='stylesheet' type='text/css'>
<link href="/style.css" type="text/css" rel="stylesheet">
  </head>
  <body>
    <div class="header">
      <div class="container">
        <h1>Innovation Cloud</h1>
        <p>Connect your ideas globally</p>
        <a class="btn" href="#">Learn More</a>
      </div>
    </div>

    <div class="nav">
      <div class="container">
        <ul>
          <li>Register</li>
          <li>Schedule</li>
          <li>Sponsors</li>
          <li>About</li>
          <li>Contact</li>
        </ul>
      </div>
    </div>

    <div class="main">
      <div class="container">
        <img src="https://s3.amazonaws.com/codecademy-content/projects/innovation-cloud/cloud.svg" height="128" width="196">
        <h2>The Innovation Cloud Conference</h2>
        <p>Connect with the best minds across a wide range of industries to share ideas and brainstorm new solutions to challenging problems.</p>
        <p>Hear industry leaders talk about what worked (and what didn't) so that you can save time on your most challenging projects.</p>
        <p>Learn about the latest research and technologies that you can use immediately to invent the future.</p>
      </div>
    </div>

    <div class="jumbotron">
      <div class="container">
        <h2>Stay Connected</h2>
        <p>Receive weekly insights from industry insiders.</p>
        <a class="btn" href="#">Join</a>
      </div>
    </div>

    <div class="footer">
      <div class="container">
        <p>© Innovation Cloud Conference</p>
      </div>
    </div>
  </body>
</html>
Revenir en haut Aller en bas
 
Codage III - le HTML et le CSS
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [Annulée] Demande de description des catégories.
» Comment intégrer un codage comtemant du JS, HTML et Css
» Code HTML Image et Texte Alignement
» Fiche de présentation HTML qui ne veux pas se poster
» Création page HTML, envoyer e-mail automatiquement

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Tepouakap :: Codage forum :: Leçons-
Sauter vers: