Hjem Sosiale medier Hvordan du setter opp en webside med HTML5 - dummies

Hvordan du setter opp en webside med HTML5 - dummies

Innholdsfortegnelse:

Video: Tutorial - hvordan lage en hjemmeside? 2024

Video: Tutorial - hvordan lage en hjemmeside? 2024
Anonim

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

basic. html

Nivå en overskrift

Dette er et avsnitt. Merk at teksten automatisk pakkes inn.

Denne koden oppretter denne siden:

For å bygge en grunnleggende HTML5-side, følg disse trinnene:

  1. Begynn med doktypen.

    Angi doktypen til HTML5 med denne taggen: på første linjen på nettstedet ditt. Hvis du forlater dette, vil du fortsatt kunne bruke HTML5-funksjoner, men validatorer må gis om du bruker XHTML eller HTML5. (Rådfør deg med et antall sciencefiction-filmer for å se hva som skjer når datamaskiner gjør gjetninger om ting.)

  2. Legg til -taggen og spesifiser språket.

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

    Pass på at du har en tilsvarende kode nederst på siden for å indikere slutten av siden du begynte med taggen på begynnelsen av siden.

  3. Opprett et område.

    Hodet er som bilens motorrom. Folk går vanligvis ikke der, men det er mange 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 anses som en god form for å la nettleseren vite hva slags tegn som skal brukes når du viser siden din. Sider som er skrevet på engelsk, bør vanligvis bruke UTF-8, så angi dette med: .

  5. Legg inn koden din.

    Selv om nettlesere ikke bryr seg om du skriver inn, hvis du gjør det hver gang du åpner et nytt element som ikke er lukket på samme linje, kan du justere begynnelsen og avslutte kodene for å sikre at siden er bra dannet og at du ikke savnet noen sluttkoder.

  6. Legg til en kommentar.

    Kommentarer er ikke strengt nødvendige, men de er veldig gode. HTML-kommentarer begynner med

  7. Sett inn en tittel med .

    Tittelen vises vanligvis i tittellinjen på nettleseren, og vises også ofte i søkemotorresultater for siden din.

  8. Inkluder hoveddelen av siden i -kodene.

    Hvis hovedområdet er motorkjøretøyet, er legemet passasjeromrommet. Det meste av teksten som er synlig på nettstedet, er en del av kroppen. Etiketten er vanligvis rett før merket, da du vanligvis skal avslutte kroppen og deretter lukke HTML-koden.

  9. Bruk overskriftskoder for å beskrive din disposisjon.

    Overskriftstegn starter alle med h etterfulgt av et tall som angir styrken på overskriften -

    for eksempel. Alle dine hovedemner bør betegnes av nivå-ett overskrifter. Underemner skal være nivå-to overskrifter (

    ). Overskriftsnivåene går helt til h6, men det er uvanlig å bruke noe mindre enn nivå 3.

  10. Legg det meste av teksten i avsnitt.

    Plasser hvert avsnitt i et par. Selv om HTML ikke krever bruk av avsnittetiketter, gjør de det mye enklere å administrere utseendet og oppførselen til teksten din senere.

  11. Lagre filen din med . html forlengelse.

    Du kan deretter laste filen din inn i en nettleser for å se hvordan den ser ut.

Noen elementer (spesielt overskriftene) har en tendens til å ha en bestemt visuell stil. Standardstilene er bare som retningslinjer. Unngå fristelsen til å plukke overskrifter basert på deres utseende.

Hvordan du setter opp en webside med HTML5 - dummies

Redaktørens valg

Hvordan du endrer temafonter i PowerPoint 2007 - dummies

Hvordan du endrer temafonter i PowerPoint 2007 - dummies

Velger et tema i PowerPoint setter temafonter, opprette en skrift for overskriftene dine og en annen for din kroppstekst. Hvis du ikke vil bruke temafonter knyttet til temaet du har valgt, følger du disse trinnene:

Hvordan du endrer handoutmasteren i PowerPoint 2007 - dummies

Hvordan du endrer handoutmasteren i PowerPoint 2007 - dummies

PowerPoint Handout Master inneholder formateringsinformasjon som er brukes automatisk til PowerPoint-presentasjonen. Du kan endre Handout Master for å dekke dine behov.

Hvordan du endrer Notes-masteren i PowerPoint 2007 - dummies

Hvordan du endrer Notes-masteren i PowerPoint 2007 - dummies

Redusert bilde av PowerPoint-lysbildet, og eventuelle notater som går sammen med lysbildet. Når det skrives ut, formateres sider formatert i henhold til Notes Master. Pass på at du legger til sidetall i høyttalervennene dine. På den måten, hvis du slipper en stabel med notasider, vil du ...

Redaktørens valg

Word 2016 Tekstoppføring og formaterings snarveier - dummies

Word 2016 Tekstoppføring og formaterings snarveier - dummies

Word 2016 gir deg mange måter å interagere med dokumentet. Det er flere tastaturgenveier som kan være en flott tidsbesparende. Med disse hurtigtastene kan du øke hastigheten på tekstredigering og formatering. For å gjøre dette Med tastaturet Start en ny linje i samme avsnitt Shift + Enter Sett inn en sideskift Ctrl + Enter Sett inn ...

Word 2016 Se snarveier - dummier

Word 2016 Se snarveier - dummier

Noensinne føler at du bare ikke har det rette perspektivet? Vel, Word 2016 gjør det enkelt å endre dokumentvisningen slik at du kan få et annet perspektiv. Med disse hurtigtastene kan du bytte mellom ulike visninger i Word 2016. Bytt til denne visningen Med tastaturet Utskriftsoppsett Alt + Ctrl + P Utkast Alt + Ctrl + O Utkast ...

Hvordan skrive melding Popup-makroer i Word 2016 - dummies

Hvordan skrive melding Popup-makroer i Word 2016 - dummies

Den mest grunnleggende typen Programmering, i Word 2016 eller et annet program, er kode som spretter ut en enkel melding på skjermen. Faktisk begynner de aller nybegynnere programmeringsbøkene med et prøveprogram for å vise teksten Hello, World! Word-makroer er ikke forskjellige. Følgende makro, message_popup1, viser en dialogboks ...

Redaktørens valg

Legg til tekst til lukkede figurer med Adobe CS5-dummies

Legg til tekst til lukkede figurer med Adobe CS5-dummies

Adobe Creative Suite 5 (AdobeCS5) Illustrator lar deg å plassere tekst inni eller på banen til en lukket form. Disse alternativene er et betydelig tillegg til tekstformatering verktøykassen. Opprette tekst i lukket form Når du legger inn tekst i en form, kan du legge til et spunk i et oppsett. Med denne funksjonen kan du skreddersy ...

Adobe CS5 Illustrator Area Type Tool - dummies

Adobe CS5 Illustrator Area Type Tool - dummies

En enkel og praktisk måte å lage rader og kolonner med tekst på er å bruk områdestypealternativer i Adobe Creative Suite (Adobe CS5) Illustrator. Denne funksjonen lar deg lage rader og kolonner fra et hvilket som helst tekstområde. Du kan bare ha rader eller bare kolonner (som kolonner av tekst i en avis) ...

Adobe CS5 Illustrator Clipping Masks - dummies

Adobe CS5 Illustrator Clipping Masks - dummies

Adobe Creative Suite 5 (Adobe CS5) Illustrator inkluderer Clipping Mask funksjonalitet. I likhet med å peering gjennom et hull i et stykke papir til gjenstandene under den, tillater en utklippsmaske et øverste objekt å definere de valgte figurene under den; Med en kappemaske er området rundt den definerende formen imidlertid gjennomsiktig. ...