Sådan opretter du en HTML-side

Hvis du vil oprette din egen webside, du skal have forståelse for HTML. Denne artikel forklarer, hvordan du opretter en HTML-side. Også, du lærer, hvordan du opretter et xml-sitemap, og hvordan du tilføjer et billede og et link. Det er også vigtigt at lave et xml-sitemap, som kan hjælpe dig med at organisere dit websted og øge din trafik. Det næste trin er at vælge en skabelon.

Oprettelse af en html-side

HTML er et opmærkningssprog. Hvert element på en webside er repræsenteret af et tag. Et mærke er identificeret med vinkelparenteser, og hvert element har et eller flere tags. Nogle elementer kræver kun ét tag; andre kan kræve to. Åbnings- og lukkemærkerne har en skråstreg (/). For eksempel, afsnitselementet er repræsenteret af p-tagget. Teksten mellem de indledende og afsluttende tags er afsnitsteksten.

For at oprette et HTML-dokument, du skal bruge en teksteditor. De fleste computere har som standard en teksteditor. Windows-brugere vil bruge Internet Explorer, mens Mac-brugere kan bruge TextEdit. Du kan installere en fancy teksteditor for at skabe en professionelt udseende webside, men til din første HTML-side, det er ikke nødvendigt. Du kan også bruge en simpel teksteditor og enhver webbrowser. Hvis du er usikker på hvilket program du skal bruge, prøv at downloade en gratis HTML-editor.

HTML-siden har to hovedsektioner: kroppen og hovedet. Kropsdelen indeholder det faktiske indhold på hjemmesiden, mens hovedafsnittet bruges til titlen og metainformationen. Kroppen indeholder alle andre elementer, inklusive billeder og anden grafik. Overskriftssektionen er stedet, hvor du kan placere dine navigationslinks. Når du er færdig med at skrive brødteksten, du er klar til at indsætte indholdet af dokumentet. Sørg for at bruge krops- og hovedelementerne for at sikre, at din hjemmeside er tilgængelig for alle.

Oprettelse af et xml-sitemap

Hvis du har en HTML-side, Du vil måske oprette et XML-sitemap for at hjælpe søgemaskiner med at crawle dit websted. Selvom dette ikke vil påvirke dine søgerangeringer, det vil hjælpe søgemaskinerne med at forstå dit indhold og justere deres gennemgangshastighed. Denne måde, din hjemmeside bliver mere synlig i søgemaskinens resultater. Her er nogle nemme trin til at komme i gang:

Det er nemt at lave et HTML-sitemap. Alt du skal gøre er at lave en simpel tabel over dit websteds sider, med links til hver side. Link derefter til den pågældende sitemapside i sidehovedet eller sidefoden. Denne måde, uanset hvor mange sider dit websted har, folk kan nemt navigere gennem dem. i øvrigt, du behøver ikke indsende en SEO for at oprette et sitemap.

Når din HTML-side er live, indsend det til Google Search Console. Du kan bruge enhver filtypenavn og navngive dit XML-sitemap. Du kan indsende XML-sitemap til Google, men det er ikke nødvendigt. Googles crawlere er generelt ret gode til at opdage nyt indhold, og du behøver ikke at indsende et sitemap til dem. Du kan også sende den til andre søgemaskiner, men dette garanterer ikke, at du bliver opdaget af Google.

Det er ikke nødvendigt at tilføje et XML-sitemap til din webside, men det vil øge din hjemmesides SEO. Sitemaps bruges af søgemaskiner til at hjælpe dem med at indeksere sider, der ikke er direkte linket til af en webside. Sitemaps hjælper også med at forbedre tilgængeligheden af ​​rich media-indhold. Tilføjelse af et sitemap til dit websted kan hjælpe med at gøre dit websted mere tilgængeligt for søgemaskinebots.

Tilføjelse af et billede

I HTML, du kan tilføje et billede til en side ved at bruge img-tagget. Dette tag indeholder kun billedet og dets attributter; det kræver ikke et lukkemærke. Dette billedmærke skal indsættes i hoveddelen af ​​HTML-dokumentet. Ud over billedets bredde og højde, du bør inkludere en alt-attribut, der beskriver billedet. Alt-tagget skal skrives, som om du skrev beskrivelsen til en person, der ikke kunne se det.

Tilføjelse af et billede til et HTML-dokument kræver en smule CSS- og HTML-kendskab. Billedstørrelsen og opløsningen er to af de vigtigste faktorer at overveje. Størrelsen på billedet afgør, hvordan det vil passe ind i dokumentets indhold. Hvis du foretrækker at bruge en anden opløsning eller billedformat, du kan også prøve at ændre størrelsen på billedet. Imidlertid, husk, at skalering ikke altid fungerer, som du forventer.

En god tommelfingerregel for at justere størrelsen på et billede er at øge dets bredde. Bredden skal være mindst én pixel mindre end højden. Hvis billedet er for lille til at blive vist, du kan tilføje en kant, og juster den derefter, så den passer til billedstørrelsen. Du kan også justere kanten af ​​et billede ved at tilføje det til kantattributten. Kanttykkelsen er standardværdien, men du kan indstille den til enhver værdi. Sørg for, at billedet har en src-attribut.

Tilføjelse af et link

Du kan tilføje et link i HTML til dit dokument ved hjælp af en a> tag med href-attributten. Dette vil oprette et bogmærke til dokumentet og åbne det i en ny fane. Du kan også bruge en href-attribut til at indsætte et billede i dokumentet. Du kan også bruge et link med JavaScript-kode til at konvertere en HTML-knap til et link. Når du har gjort dette, du kan style dit link med CSS- eller JavaScript-kode.

Et link er en forbindelse fra en webressource til en anden. Den består af to ender, et kildeanker og et destinationsanker. Et link kan være alt fra et billede til en tekstfil. De fleste sociale netværkssider og websteder bruger links til at dirigere brugere til en bestemt URL. HTML kan også bruges til at angive placeringen af ​​et link. Det er en’ attribut giver dig mulighed for at linke kodeelementer til en URL.

Når du designer et link, sørg for at overveje, hvordan dine besøgende vil bruge indholdet. Linkteksten skal være beskrivende, så de ved præcis, hvad de skal forvente. Gentagelse af den samme URL er grimt for skærmlæsere, og det giver dem ingen brugbar information. Skærmlæsere fortæller også brugerne, når der findes links, ved at gøre dem anderledes stilet eller understreget. På denne måde, de kan nemt finde den information, de har brug for.

Tilføjelse af en tabel

Det er nemt at tilføje en tabel til en HTML-side, men der er et par ting, du bør overveje, før du gør det. Baggrundsfarven på dit bord er afgørende for at fange din besøgendes blik og henlede opmærksomheden på vigtig information. Du kan indstille en anden farve for tabellens overskriftselement og dataelement ved at bruge hex-farvekoder eller farvenavne. På den ene eller anden måde, dit bord vil være let synligt.

Du kan tilføje en tabeloverskrift og tabeldata med td-elementet, som definerer individet “kasser” for indholdet. Tilføjelse af en tabeloverskrift er det første skridt til at vise data på en webside, og du bør tilføje den første, hvis du vil. En tabel skal også have tre rækkeoverskrifter. Én overskrift skal være tom. Hvis din tabel har kolonner, du bør også oprette rækkeoverskrifter for hver kolonne.

Du kan også tilføje billedtekster til din tabel. Billedteksten er et valgfrit element, der beskriver formålet med tabellen. Billedtekster er også nyttige for tilgængeligheden. Tabellen kan også indeholde celler, der beskriver grupper af data. Langt om længe, du kan tilføje thead-elementet for at definere et sæt rækker og kolonner. Du kan bruge begge elementer sammen eller hver for sig. Du kan endda bruge dem i kombination, men billedteksten er den vigtigste.

Tilføjelse af en div

Tilføjelse af en div til en HTML-fil giver dig mulighed for at tilføje en sektion af din webside uden at omskrive hele siden. div-elementet er en speciel beholder til tekst, billeder, og andre elementer. Du kan navngive det, hvad du vil, og ændre dets egenskaber, så det passer til dine behov. Du kan også tilføje en klasse eller margen for at skabe et mellemrum mellem div'en og andre elementer på din side.

Du kan også bruge innerHTML-attributten til at indsætte kode i en div. Denne metode accepterer kode indesluttet i en streng, og hvis det ikke er indenfor div, indholdet vil blive fjernet. Du bør undgå at indsætte kode i en div på denne måde, da det kan udsætte dit websted for scripting-sårbarheder på tværs af websteder. Hvis du bruger et scriptsprog såsom JavaScript, du kan bruge innerHTML-attributten.

En div er et grundlæggende HTML-tag, der bruges til at gruppere kode i et dokument. Det kan indeholde et afsnit, blok citat, billede, lyd, eller endda en header. Dens placering giver dig mulighed for at anvende en ensartet stil og sprog til forskellige sektioner af en side. Divs bruges bedst til at markere semantik, der er fælles for grupper af på hinanden følgende elementer. En div skal bruges, når du vil tilføje stil til et afsnit uden at skulle omskrive hele siden.