Stap 1: de sjabloon
Eerst open Kladblok op uw computer. Dit is waar u alle code zal schrijven omdat er geen opmaak.
Maak nu uw malpagina. U kunt gewoon kopiëren en verleden mijn sjabloonpagina. Hier is mijn sjabloonpagina:
< html >
< head >
< titel > titel van het document < / title >
< / head >
< body style = "achtergrond-kleur: rood;" >
< h1 stijl = "lettertype-familie: arial; kleur: Marine; lettertype-grootte: 20px;" > mijn eerste kop < / h1 >
< p >
< een href = "http://www.w3schools.com" > Dit is een koppeling < /a >
< /p >
< / body >
< / html >
Inzicht in wat je ziet:
Elke code heeft een open en afgesloten. Een open label ziet er als volgt: < html > en een gesloten tag ziet er als volgt: < / html >. Zoals u kunt zien heeft de nauwe net een slash vóór de code. Alles binnen deze open tag en sluitcode is onderdeel van het HTML-document. Net als alles in de open < p >-tag en sluitcode < /p > is onderdeel van dat lid.
Het deel dat zegt:
< body style = "achtergrond-kleur: rood;" >
Hiermee geeft u aan dat de achtergrondkleur voor de hele pagina rood is. U kunt de kleur wijzigen door simpelweg verwijderen van 'rood' en te typen in een andere kleur zoals "groen"
Het deel dat zegt:
< h1 stijl = "lettertype-familie: arial; kleur: Marine; lettertype-grootte: 20px;" > mijn eerste kop < / h1 >
Hiermee geeft u aan dat de informatie onder de post opgenomen... in dit geval zal "Mijn eerste rubriek" worden 20pt luchtfoto lettertype in de kleur navy
Opnieuw kunt u dit wijzigen door het schrappen van de info die u niet wilt dat als zeggen u het groter wilde... gewoon verwijderen van 20 en zet in 30 in plaats daarvan.
Het deel dat zegt:
< een href = "http://www.w3schools.com" > dit is een koppeling < /a >
Dit is hoe je in een link. Dit is waar uw keuzes zal gaan. In dit voorbeeld wanneer u uw document hebt is geopend als een webpagina, de woorden "Dit is een link" een link. Wanneer u op deze woorden klikt zullen u worden genomen om de website w3schools.com
Nogmaals, dit is niet bedoeld om te leren je HTML, geef je een leuke manier om een spel te maken. Als u gedetailleerde informatie over de verschillende labels wilt en gebruikt gaat u naar www.w3schools.com
