Door op het plusje (zwart) te drukken, rechts. En dan eigen HTML te kiezen kan je eigen html toevoegen in dat vakje dat verschijnt. Zoals onderstaande voorbeeld.

HTML is heel simpel en echt alleen de basis is belangrijk. Alles staat binnen tags, vrijwel alle tags moeten worden geopend en gesloten. Ertussen staat een element.

Bijvoorbeeld <p>dit is teskt voor een alinea</p> zier er zo uit

dit is teskt voor een alinea

Je kan ook een link zetten in een tekst, dat doe je door het woord/zinsgedeelte/whatever dat gelinkt moet zijn tusssen <a> en </a> te zetten. <a> heeft echter parameters nodig, de belangrijkste zijn href=”…” en title=”..”

Het ziet er dus als volgt uit:

Klik op deze <a href=”https://www.w3schools.com/tags/att_a_href.asp” title=”HTML a href attribuut W3Schools”>link</a> om naar de website te gaan die jou html en css beter kan uitleggen dan ik.

Een andere belangrijke is in href=”” mailto:XXX te zetten dus:

Mail naar <a href=”mailto:oosterweghel.m@gmail.com”>dit mailadres</a> om mij te mailen.

Hier zou je ook een onderwerp, BCC mail, meerdere mailadressen en zelfs mailtekst kunnen meegeven maar voor nu een bijzaak

Klik op deze link om naar de website te gaan die jou html en css beter kan uitleggen dan ik.

Mail naar dit mailadres om mij te mailen.

Je kan ook schuinzetten en dik maken <em>schuin</em> en <strong>dik</strong>

schuin en dik

Maar HTML kan ook headers doen <h1>Header 1</h1> en <h2>Header 2</h2> <h3>Header 3</h3> dat gaat allemaal tot en met h6 als ik het met goed herinner.

Header 1

Header 2

Header 3

Een enter wordt door <br> gedaan, deze hoeft niet worden afgesloten zoals een p of h2 tag, twee <br><br> is twee keer enter, zoals hieronder.

alles op een regel

alles
op 3

regels

Je kan ook lijstjes maken. HTML kent twee soorten lijsten een gordende lijst (ol = ordened list, nummert de lijst) en een niet geordende lijst (ul = unordered list). Deze lijst hebben lijst items (li = list items), de list items staan tussen de opening en sluiting tag van je lijst. Tussen je open en sluit tag van je list item staat hetgeen dat je oplijst dus bijv:

<ol>

  <li>1</li>

  <li>2</li>

</ol>

en

<ul>

  <li>1</li>

  <li>2</li>

</ul>

  1. 1
  2. 2
  • 1
  • 2

Dan kan je ook een tabel maken:

<table>

  <tr>

    <td>kolom 1 – rij 1</td>

    <td>kolom 2 – rij 1</td>

    <td>kolom 3 – rij 1</td>

  </tr>

  <tr>

    <td>kolom 1 – rij 2</td>

    <td>kolom 2 – rij 2</td>

    <td>kolom 3 – rij 2</td>

  </tr>  

  <tr>

    <td>kolom 1 – rij 3</td>

    <td>kolom 2 – rij 3</td>

    <td>kolom 3 – rij 3</td>

  </tr>

</table>

kolom 1 – rij 1 kolom 2 – rij 1 kolom 3 – rij 1
kolom 1 – rij 2 kolom 2 – rij 2 kolom 3 – rij 2
kolom 1 – rij 3 kolom 2 – rij 3 kolom 3 – rij 3

Een pagina heeft als basis structuur HTML, ik kan dat niet zo goed uitleggen dus ik raad aan om hier een kort filmpje over te kijken, maar deze bestaat weer uit <div>…</div>. Dit is als het ware een soort sectie. Dit ga je bij ons niet echt nodig hebben maar je zult het wel eens zien dus wel handig om een idee te hebben van wat het is

Dan hebben we ook nog de knop met <button>knop</button>