Sådan opretter du et websted på blot et par timer

Det behøver ikke være svært at lave en hjemmeside. I denne artikel, we’ll walk through the basics of html page creation and how to create a mini-includes list. Næste, vi vil diskutere, hvordan man bruger html>-tag for at fremhæve tekst. Ultimativt, vi viser dig, hvordan du opretter en hjemmeside på få timer. Vi vil også dække et par andre nyttige teknikker.

Oprettelse af en html-side

HTML is the language used to build web pages. Den definerer strukturen på websiden, og CSS styrer, hvordan indholdet vises. Det er ikke svært at oprette en grundlæggende HTML-side. Her er en trin-for-trin guide til at komme i gang. Når du har en grundlæggende HTML-side, du er klar til at skabe mere komplekse og dynamiske. At begynde, du skal bruge en teksteditor og en webbrowser.

Du kan også bruge et tekstbehandlingsprogram som MS Word til at skabe indholdet til din webside. Du kan bruge hyperlinks til at forbinde tekst med hinanden. Du kan også gemme filen som en html-fil, en webside. Denne metode fungerer godt, men de sider, du opretter på denne måde, er enorme og ser ikke godt ud i et browservindue. Den eneste ulempe ved denne metode er, at du skal lære at bruge de værktøjer, der er tilgængelige.

HTML er et opmærkningssprog, hvilket betyder, at du skal inkludere tags for at formatere indholdet på siden. Hvert tag repræsenterer et af elementerne på siden. Et mærke er identificeret med en vinkelbeslag. Nogle elementer kræver kun ét tag, mens andre kræver to. Et afsluttende tag indeholder en skråstreg. For eksempel, afsnitskoden opretter et element kaldet et afsnit. Teksten mellem de indledende og afsluttende tags udgør afsnitsteksten. Tilsvarende, ul-tagget opretter en uordnet liste.

Creating a mini-includes list

Creating a mini-includes section is an effective way to link various elements on the same web page. En HTML-side kan opdeles i flere underafsnit, hver sektion indeholder en liste over elementer. Disse elementer tjener forskellige formål. Du kan bruge type-attributten til at vise alfabetisk rækkefølge. Du kan også bruge små bogstaver til at oprette en liste over elementer med bogstaverne a, b, eller c.

Det er nemt at tilføje et element. Et simpelt HTML-dokument indeholder tags, der definerer dets indhold. Disse tags kommer normalt i par. Åbningsmærket bruges til at liste elementerne i det, mens den afsluttende tag lukker elementet. Åbningsmærket, eller hoved, indeholder beskrivende oplysninger om dokumentet. Disse oplysninger kan indeholde en titel, oplysninger om stilark, scripts, eller metainformation. Det afsluttende tag, på den anden side, lukker elementet.

Ved hjælp af html>-tag

html'en>-tag bruges til at definere hovedindholdsområdet i et HTML-dokument. Hovedindholdsområdet består af tekst relateret til det centrale emne eller funktionalitet på siden. Det skal være unikt fra andet indhold på webstedet. Andet indhold kan blive vist på siden i form af sidebjælker, navigationslinks, oplysninger om ophavsret, webstedslogoer, og søgeformularer. En HTML-side skal følge html>-tag for at blive betragtet som en HTML-side.

href=-attributten åbner link-elementet. Efter “=” skilt, du skal indsætte linkets URL. Du kan også bruge flere afsnitslinjer i én overskrift. Lukkebeslaget er et must. Dette vil forhindre dine links i at blive misfortolket. For at gøre html-siden nemmere at læse, tilføje et link til din hjemmeside. html'en>-tag vil give dig mulighed for at tilføje links, der peger til en anden webside.

En HTML-fil vil have en.html-udvidelse, der fortæller din computer, at det er en HTML-fil. Det er bedst at bruge en bindestreg i stedet for mellemrum, da mellemrum forhindrer en webbrowser i at finde filen. Når du er færdig med at oprette en HTML-side, du bliver nødt til at gemme den. Næste, naviger til mappen med HTML-filen, og højreklik på den. Det skal se ud som på skærmbilledet nedenfor.

Ved hjælp af html>-tag for at fremhæve tekst

You can use the mark> tag for at fremhæve tekst i HTML-dokumenter. Det er en forholdsvis ny HTML 5 funktion, og den definerer en fremhævet del af et afsnit. Mærket> tag virker ved at ændre egenskaben for baggrundsfarve for det underliggende HTML-dokument. Mærket> tag understøtter både globale og begivenhedsattributter. Det vil fremhæve tekst i gul eller sort. Det er også muligt at ændre farven på teksten i den underliggende CSS-fil.

De fleste skærmlæsere annoncerer ikke mærkeelementet, men du kan bruge CSS-indholdsegenskaben eller.before and.after pseudo-elementer for at gøre det tydeligt, hvilken tekst du gerne vil fremhæve. Meddelelser er ordrette og tilføjer unødvendig information til siden, så du bør bruge dem sparsomt. For eksempel, du kan bruge meddelelser til at fremhæve et søgeord eller blokere citater. Meddelelser understøttes af alle større browsere.

Ud over baggrundsfarvestil, du kan bruge 'highlightme’ klasse for at fremhæve teksten i dit HTML-dokument. Baggrundsfarvestilen understøttes af alle browsere. Du kan også bruge ordet 'gul'’ i stedet for farvekoden. Du kan bruge den samme kode til at fremhæve et afsnit eller et tekstafsnit. Du kan også bruge CSS-klasser til at fremhæve tekst.

Ved hjælp af html>-tag to create a mini-includes list

html'en>-tag bruges til at oprette en liste over mini-includes. Det indeholder det tilsvarende afsluttende tag, og navnet på elementet er med små bogstaver. HTML-dokumenter kodes ved hjælp af UTF-8 tegnkodning, som understøtter inkludering af Unicode-tegn. Når du bruger html>-tag, sørg for at vælge UTF-8 i “Gem som” dialog boks.

Ved hjælp af html>-tag for at tilføje en mini-inkluderer liste til en HTML-side er let. Du kan bruge dette tag til ethvert element, der understøtter en uordnet liste. Du kan endda bruge en uordnet liste til en navigationsmenu. dl-elementet omslutter en liste over par af udtryk og beskrivelser. Punkterne i en ordnet liste vises med en eskalerende tæller til venstre. Du kan også udelade dl-elementet, hvis listeelementet umiddelbart efterfølges af et andet element.

En anden måde at indsætte en mini-inkluderingsliste på er at tilføje et sidefodselement i et HTML-dokument. Dette element repræsenterer sidefoden af ​​det nærmeste sektionsindhold. Det indeholder normalt oplysninger om forfatteren, ophavsretlige data, eller links til relaterede dokumenter. Ved hjælp af html>-tag to create a mini-includes list on an HTML page

Ved hjælp af html>-tag to highlight individual text blocks

HTML5 highlights individual text blocks with the mark> element. Dette HTML5-tag ændrer farven på indholdet i kilden til en bestemt nuance af gul eller sort, giver læseren mulighed for at skelne vigtig tekst. Det kan også bruges til at angive dele af indhold, der kræver mere opmærksomhed end anden tekst. Mærket> element understøtter Global Attributes og Event Attributes i HTML. Når det bruges korrekt, dette HTML5-tag kan forbedre læsbarheden af ​​en webside.

HTML4-standarden forælder tags på tegnniveau i fysisk stil. De beskæftiger sig med præsentation, og det er bedre at bruge CSS til disse formål. HTML5 har genindført dem. De er ikke længere forældede, men de er stadig ikke den eneste måde at fremhæve individuelle tekstblokke på. Brug CSS til at fremhæve individuelle tekstblokke med HTML5! Denne enkle metode vil fremhæve individuelle tekstblokke i et stykke indhold.

Flyde: Du kan bruge denne CSS-egenskab til at flyde et element til venstre eller højre kant af det indeholdende element. Det kan bruges til at oprette et gitter eller kolonner. Du kan også bruge en CSS-egenskab kaldet float til at flyde en iframe eller et billede til venstre eller højre margen af ​​browseren. Disse attributter gør det nemmere at fremhæve individuelle blokke med CSS.