Hoe het opzetten van een webpagina met HTML5

Of je nu een ervaren web-pagina ontwerper of niet zo veel, kunt u een eenvoudige HTML5 pagina vrij gemakkelijk op te bouwen. Gewoon open te stellen een teksteditor en voeg de volgende code:

<! DOCTYPE HTML>
<Html lang = "nl">
<Head>
<! - Basic.html ->
<Title> basic.html </ title>
<Meta charset = "UTF-8" />
</ Head>
<Body>
<H1> Level One Headline </ h1>
<P>
Dit is een paragraaf.
Merk op dat de tekst automatisch wordt verpakt.
</ P>

</ Body>
</ Html>

Deze code maakt deze pagina:

Hoe het opzetten van een webpagina met HTML5

Om een ​​basis van HTML5 pagina te bouwen, als volgt te werk:

  1. Begin met de doctype.

    Stel de doctype om HTML5 met deze tag: <! DOCTYPE HTML> op de eerste regel van uw website. Als je dit weglaat, zal je nog steeds waarschijnlijk in staat zijn om HTML5 functies te gebruiken, maar validatoren zal moeten raden of je gebruikt XHTML of HTML5. (Neem contact op met een willekeurig aantal science fiction films te zien wat er gebeurt als computers maken gissingen over dingen.)

  2. Voeg de <html> tag en geef de taal.

    Deze speciale tag geeft het begin van een webpagina. Het is het beste om aan te geven welke taal de pagina is geschreven in. Geef lang = "en" voor Engels.

    Zorg ervoor dat u een tag overeenkomstige </ html> aan de onderkant van de pagina aan het einde van de pagina die u begonnen met de tag <html> aan het begin van de pagina aan te geven hebben.

  3. Maak een <head> gebied.

    De kop is als de motorruimte van een auto. Mensen meestal niet daar heen te gaan, maar er is veel belangrijker machines. Het hoofd is leeg in dit eenvoudige voorbeeld, maar het zal vullen met JavaScript en CSS goedheid snel genoeg.

  4. Geef de tekenset.

    Het wordt beschouwd als een goede vorm om te laten de browser te weten wat voor soort tekens te gebruiken bij het weergeven van uw pagina. Pagina's geschreven in het Engels moeten gebruiken over het algemeen UTF-8, dus dit aangeven met: <meta charset = "UTF-8" />.

  5. Inspringen uw code.

    Hoewel browsers niet schelen als je inspringen, als je het elke keer dat u een nieuw element dat niet is gesloten op dezelfde lijn te openen, kunt u line-up van uw begin en einde tags om ervoor te zorgen dat de pagina goed wordt gevormd en dat U heeft geen eindigend tags te missen.

  6. Voeg een reactie.

    Reacties zijn niet strikt noodzakelijk, maar ze zijn erg goed in vorm. HTML opmerkingen beginnen met <! - En eindigen met →. Reacties zich over verschillende lijnen.

  7. Doe in een titel met <title> </ title>.

    De titel verschijnt meestal in de webbrowser titelbalk, en zal ook vaak verschijnen in de zoekmachine resultaten voor uw pagina.

  8. Omvatten het grootste deel van de pagina in de <body> -tags.

    Als het hoofd gebied is de motorruimte, het lichaam is de passagiersruimte. Het merendeel van de tekst zichtbaar op de website van het lichaam. De </ body> tag is meestal vlak voor de </ html> tag, zoals u gewoonlijk zult af van het lichaam en sluit vervolgens af van de HTML.

  9. Gebruik heading tags van uw overzicht te beschrijven.

    Heading tags beginnen allemaal met h, gevolgd door een getal dat de sterkte van de rubriek - <h1> bijvoorbeeld. Al uw belangrijkste onderwerpen moeten worden aangegeven met level-één rubrieken. Subonderwerpen moeten zijn niveau-twee rubrieken (<h2>). De rubriek niveaus gaan helemaal naar h6, maar het is ongebruikelijk om iets kleiner dan niveau 3 te gebruiken.

  10. Leg de meeste van de tekst in alinea's.

    Plaats elke paragraaf in een <p> </ p> paar. Hoewel HTML maakt geen gebruik van paragraaf labels nodig hebben, ze maakt het veel gemakkelijker om het uiterlijk en het gedrag van uw tekst later beheren.

  11. Sla het bestand met de extensie .html.

    U kunt dan laad je bestand in een browser om te zien hoe het eruit ziet.

Sommige elementen (met name de rubrieken) hebben de neiging om een ​​bepaalde visuele stijl hebben. De standaard stijlen zijn er net als richtlijnen. Vermijd de verleiding om de rubrieken op basis van hun uiterlijk te halen.