Lees hier de samenvatting en de meest belangrijke oefenvragen van HTML en CSS | 9789043016551 | Andree Hollander.

• 1 Build a personal website

  Dit is een preview. Er zijn 3 andere flashcards beschikbaar voor hoofdstuk 1
  Laat hier meer flashcards zien

• 1.1 Make the headline and inputs

  Dit is een preview. Er zijn 2 andere flashcards beschikbaar voor hoofdstuk 1.1
  Laat hier meer flashcards zien

• Wat voor een tag is <h1> en </h1>?

  <h1> = opening tag

  </h1> = closing tag

• Hoe kun je een tekst plaatsen in een formulier waar iemand zijn email adres kan invoegen? En hoe voeg je er vervolgens een 'verzenden' button aan toe?

  <input type="email" placeholder="Your email">

  <input type="submit">
  

  
  

• 1.2 Style the background and text

  Dit is een preview. Er zijn 3 andere flashcards beschikbaar voor hoofdstuk 1.2
  Laat hier meer flashcards zien

• Als je geen apart document aanmaakt voor css. Hoe verwerk je css dan in HTML?

  <!DOCTYPE html>

  <head>

  <title>Anna Dowlin</title>

  <style>

  body {

    text-align: center;

    background: black;

    color: white;

    font-family: helvetica;

  }

  </style>

  </head>

  <body>

  <h1>Anna Dowlin</h1>

  </body>

• Wat doet een title tag en hoe verwerk je dit in html?

  <head>

  <title>DIT ZIE JE BOVENIN DE BROWSER</title>

  </head>

• Waar bestaat het skelet van een HTML document uit?

  <!DOCTYPE html>

  <head>

  </head>

  <body>

  </body>

  
  

  Dit wordt ook wel boilerplate genoemd. 

• Hoe kunnen we alle tekst standaard op wit zetten en helvetica als lettertype benoemen?

  body {

  color: white;

  font-family: helvetica;

  }

• 1.3 Add a background image and logo

• Hoe kun je een url-afbeelding als achtergrond instellen?

  body {
  

        background: url("http://dash.ga.co/assets/anna-bg.png")

      }

     

    

• Hoe kunnen we de afbeelding de hele achtergrond in beslag laten nemen?

  background-size: cover;

  
  

  Scale the background image to be as large as possible so that the background area is completely covered by the background image. Some parts of the background image may not be in view within the background positioning area

• Hoe kunnen we een button een rode knop geven met witte tekst? De html =   <input type="submit">

  input[type="submit"] {

        background: red;

        color: white;

      }

• 2 Build a responsive blog theme

• 2.1 Make the header and navigation HTML

  Dit is een preview. Er zijn 2 andere flashcards beschikbaar voor hoofdstuk 2.1
  Laat hier meer flashcards zien

• Welke tag gebruiken we voor een header in HTML en op welke plek komt deze? 

  <!DOCTYPE html>

  <head>

  </head>

  <body>

  <header>

  </header>

  </body>

  
  

  Think of a <header> as a container that holds other elements, kind of like <body>, but specifically for a website's header