Hvis du vil bygge din første webside og du leter etter en guide som vil hjelpe deg med å bygge din første grunnleggende HTML -side, har du landet på rett sted. Følgende opplæring vil fungere som en trinn-for-trinns guide til å lage HTML-sider for nybegynnere.

Hva er HTML?

HTML Forkortelse av hypertekstmarkeringsspråk er et nettprogrammeringsspråk som brukes til å vise innhold i en nettleser. Den består av en serie elementer. Disse elementene brukes til å vise og strukturere tekstinnhold, bilder og andre objekter på websiden, for eksempel skjemaer, regneark, videoklipp, lydklipp og andre applikasjoner. La oss først begynne med et enkelt eksempel.

Dette er en overskrift

Dette er et avsnitt

Anatomi av eksemplet ovenfor er som følger.

• er en erklæring om et HTML -dokument.
• Det er kjent som rotelementet i HTML, og det omslutter alt innholdet.
• Det er et element som omslutter typen innhold som er skjult for brukeren ..
• Som navnet antyder, spesifiserer dette elementet navnet på HTML -siden din.
• Dette elementet fungerer som en beholder for innholdet som vises på nettsiden.

• Dette elementet definerer en overskrift.

• Dette elementet spesifiserer et avsnitt.

HTML -elementer

I eksemplet ovenfor vil du komme over forskjellige HTML -elementer. Et HTML -element er kategorisert etter en startmerke, en sluttkode og innhold som er plassert mellom disse taggene. For eksempel i eksemplet ovenfor '

Dette er en overskrift

'er et element. Her

er startkoden, "dette er en overskrift" er innholdet og

er den avsluttende taggen.

En HTML -side består av nestede elementer. I eksemplet ovenfor er det fem HTML -elementer som er , , ,

og

HTML -tagger

HTML -tagger brukes til å starte og avslutte et HTML -element. Tagger begynner med mindre enn '' tegn.
For eksempel:

Ikke glem å lukke en tag når den er startet. For å gjøre det, bruk en fremoverstrøk i tillegg til vinklede parenteser. Slik gjør du det

.

Viktig merknad: Bland aldri HTML -elementer med HTML -tagger. Disse begge er separate enheter.

HTML -attributter

Attributter i HTML brukes til å legge til tilleggsinformasjon angående et HTML -element. Denne tilleggsinformasjonen legges til i startkoden.

I dette eksemplet src Angir plasseringen og formatet til bildet og alt Attributt gir en kort beskrivelse av taggen img.

HTML -overskrifter

Vi har allerede diskutert HTML -overskriftselementet ovenfor. La oss dykke inn i detaljene. Disse overskriftene er definert av

til

Tagger og 1 til 6 representerer overskriftsstørrelsen.

Tag brukes til å spesifisere den største overskriften mens

Tag brukes til å sette ut den minste overskriften.

For eksempel:

Velkommen til min første HTML -side

Du kan også gi forskjellige stiler til overskriften. For eksempel,

Dette er en overskrift

HTML -avsnitt

HTML -paragrafelementet er spesifisert av

Dette er mitt første avsnitt. Jeg lærer HTML grunnleggende. Jeg vil bli en nettutvikler en dag og lage fantastiske nettsteder.

Nå må du tenke at det må være noen redaktør som brukes til å lage HTML -sider. Her er noen eksempler.

HTML -redaktører

Her er noen av de populære HTML -redaktørene vervet.

Notisblokk++

Det er en av de vanligste redaktørene som nettprogrammerere bruker for å utvikle HTML -sider. Nedenfor presenterer vi noen fordeler og ulemper med notisblokk++.

Fordeler

• Det er en gratis, åpen kildekode HTML-redaktør.
• Det er lett og raskt.
• Den har et distraksjonsfritt grensesnitt.
• Det er fleksibelt og kommer med noen praktiske plugins.
• Det støttes av alle operativsystemer.

Ulemper

• Den er bare bygget for Windows -operativsystemer.
• Det har begrensede alternativer for kodetesting.

Sublim tekst

Sublime Text Editor ligner notisblokk ++, men er mye mer avansert. Nedenfor har vi nevnt noen fordeler og ulemper med sublim tekst.

Fordeler

• Det er tilgjengelig for operativsystemer for Windows, Linux og Mac.
• Den har et fargerikt grensesnitt.
• Det er bra for nybegynnere.
• Redaktøren gir forslag basert på den eksisterende koden, mens hvert forslag har en lenke som inneholder ytterligere informasjon om den.
• Den har en delt redigeringsfunksjon også

Ulemper

• Fulle funksjoner er bare tilgjengelige etter å ha kjøpt programvaren.
• Den kan ikke skrive ut dokumenter eller kode.

Visual Studio Code

Visual Studio Code AKA VS Code er en av de mest trendy open source-kodedaktørene blant nettutviklerne levert av Microsoft. Det gir et integrert utviklingsmiljø (IDE). Følgende er noen få fordeler og ulemper med visuell studiokode.

Fordeler:

• Den er kompatibel med Windows, Mac og Linux.
• Det gir en automatisk fullføringsfunksjon.
• Grensesnittet er brukervennlig.
• Det gir innebygde feilsøkingsverktøy.
• Brukere kan legge til språkutvidelser.

Ulemper

• Det er et tungt programvaresystem.
• Det er også et tungvektsystem som tar mye diskplass.

Konklusjon

HTML er et standard markeringsspråk som er et kjernekrav for å bygge websider. Denne opplæringen gir nybegynnere en detaljert trinn-for-trinns guide angående det grunnleggende om HTML. Den diskuterer HTML -elementer, tagger, attributter, overskrifter, avsnitt sammen med passende eksempler. Dessuten guider denne opplæringen også leseren om forskjellige populære nettredaktører og nevner tydelig fordeler og ulemper.