Hvordan sette opp en webside med HTML5

July 12  by Eliza

Enten du er en erfaren web-side designer eller ikke så mye, kan du bygge en grunnleggende HTML5 side ganske enkelt. Bare åpne opp ethvert tekstredigeringsprogram og legg til følgende kode:

<! DOCTYPE HTML>
<Html lang = "no">
<Head>
<! - Basic.html ->
<Title> basic.html </ title>
<Meta charset = "UTF-8" />
</ Head>
<Body>
<h1> Level One Overskrift </ h1>
<P>
Dette er et avsnitt.
Legg merke til at teksten blir automatisk pakket.
</ P>

</ Body>
</ Html>

Denne koden skaper denne siden:

Hvordan sette opp en webside med HTML5

Å bygge en grunnleggende HTML5 side, gjør du følgende:

  1. Begynn med doctype.

    Still doctype til HTML5 med denne koden: <! DOCTYPE HTML> på den første linjen i ditt nettsted. Hvis du lar dette ut, vil du fortsatt sannsynligvis kunne bruke HTML5-funksjoner, men validatorer må gjette om du bruker XHTML eller HTML5. (Ta kontakt med en rekke science fiction-filmer for å se hva som skjer når datamaskiner foreta gjetninger om ting.)

  2. Legg den <html> -taggen og angi språket.

    Denne spesielle koden angir begynnelsen på en nettside. Det er best å indikere hvilket språk siden er skrevet i. Angi lang = "no" for engelsk.

    Sørg for å ha en tilsvarende </ html> tag nederst på siden for å angi slutten av siden du begynte med <html> -taggen i begynnelsen av siden.

  3. Lag en <head> området.

    Hodet er som motorrommet på en bil. Folk pleier ikke gå dit, men det er massevis av viktige maskiner. Hodet er tomt i dette enkle eksempelet, men det vil fylle opp med Javascript og CSS godhet snart nok.

  4. Angi tegnsettet.

    Det er ansett som god skjema for å la leseren vite hva slags tegn som skal brukes når siden din viser. Sider skrevet på engelsk bør vanligvis bruke UTF-8, så tyder dette med: <meta charset = "UTF-8" />.

  5. Rykke inn koden din.

    Selv om nettlesere ikke bryr seg hvis du rykke inn, hvis du gjør det hver gang du åpner et nytt element som ikke er lukket på samme linje, kan du stille opp din begynnelse og sluttelementer for å sikre at siden er godt dannet og at du ikke glipp slutter koder.

  6. Legge til en kommentar.

    Kommentarer er strengt tatt ikke nødvendig, men de er veldig bra skjema. HTML kommentarer begynner med <! - Og ender med →. Kommentarer kan vare over flere linjer.

  7. Satt i en tittel med <title> </ title>.

    Tittelen vises vanligvis i nettleserens tittellinje, og vil også ofte vises i søkemotorresultater for siden din.

  8. Omfatte mesteparten av siden i <body> tags.

    Hvis hodet området er motorrommet, er kroppen passasjerplass. Mesteparten av teksten er synlig på nettsiden er en del av kroppen. </ Body> er tag vanligvis rett før </ html> -taggen, som du vanligvis fullbyrde kroppen og deretter stenge av HTML.

  9. Bruk overskriften koder for å beskrive din disposisjon.

    Overskriftskodene alle begynne med h etterfulgt av et tall som angir styrken i overskriften - <h1> for eksempel. Alle dine viktigste temaene bør betegnes med nivå-en overskrifter. Delemner skal være på nivå-to overskrifter (<h2>). Overskriften nivåer gå hele veien til h6, men det er uvanlig å bruke noe mindre enn nivå 3.

  10. Plassere mesteparten av teksten i avsnitt.

    Plasser hvert avsnitt inne i en <p> </ p> pair. Selv om HTML ikke krever bruk av ledd koder, de gjør det mye enklere å administrere utseendet og oppførselen din tekst senere.

  11. Lagre filen med .html forlengelse.

    Deretter kan du laste opp filen i en nettleser for å se hvordan det ser ut.

Noen elementer (spesielt overskriftene) har en tendens til å ha en spesiell visuell stil. Standard stiler er det akkurat som retningslinjer. Unngå fristelsen til å plukke retninger basert på deres utseende.