Et HTML (Hypertext Markup Language) dokument danner det strukturelle grunnlaget på en webside ved å levere innholdslaget. Hypertekst kan være hvilken som helst tekst som kan vises på skjermen og inneholder lenker til annen tekst. Nettsteder har for eksempel utallige dokumenter knyttet til hverandre gjennom hyperkoblinger.

Markupspråket gir mening til teksten i et dokument ved å beskrive strukturen og formatet til den teksten. Dessuten er formateringen og struktureringen av teksten til et HTML -dokument assistert med tagger.

Hvis du vil bygge ditt eget nettsted, webapplikasjon eller vite hvordan du redigerer andre nettsteder og apper, må du forstå hva HTML er? For å tjene ovennevnte formål, gir dette innlegget rikt innhold for å få det grunnleggende om HTML.

HTML -elementer

HTML -dokumenter består av elementer, og et element i HTML består av følgende objekter:

tekst

Og definere egenskapen til teksten i disse taggene. For eksempel teksten (Linuxhint) skrevet mellom tagger

og

vil bli betraktet som overskrift 1.

For avsnitt kan man bruke tagger

og

. Imidlertid observeres det at flere HTML -elementer ikke har sluttkodene (eller ikke inneholder noen tekst inni), som som
, og blir referert til som tømme elementer.

Få ofte brukte HTML -elementer er beskrevet her som tjener forskjellige funksjonaliteter for å bygge en HTML -side:

• Tekstoverskrift: Taggene

  ,

  ,

  ..

  brukes til tekstoverskrifter i forskjellige størrelser.

• Seksjon/divisjon: En seksjon eller en divisjon er definert ved å bruke tag. Disse divisjonene blir også referert til som containere, og en enkelt beholder kan inneholde flere containere.
• Avsnitt: Enhver tekst skrevet mellom

  og

  vil bli betraktet som et avsnitt.
• lenke: For å legge inn en lenke i et HTML -dokument, brukes ankerkoder ().
• Oppføring av elementer: De Tag praktiseres for å liste opp varene. Dessuten
  og
  Tagger brukes til å ordne varene i henholdsvis en bestilt og uordnet liste.
  • Bilde: For innsetting av et bilde brukes taggen.

  HTML -attributter

  Funksjonaliteten til HTML -elementer kan utvides ved å bruke attributter. Attributtene er definert i startkoden og retter HTML -elementet for å utføre den spesifikke egenskapen på innholdet i den taggen. For eksempel inneholder en ankerkode i HTML en attributt href som oppretter en lenke til innholdet skrevet i den taggen. La oss gi det en sjanse:

  Følgende ankerkode () inneholder teksten "Linuxhint" og href attributt vil opprette lenken til indeks.html på den teksten.

  I tillegg kan du spesifisere flere stylingegenskaper til et element ved hjelp av attributtene. HTMLs stilattributt kan brukes til å spesifisere farger, skriftstil og skriftstørrelse på et element. Brukerne kan begrense dimensjonene til et bilde i element ved å bruke bredde og høyde attributter. De klasse Attributt av et element lar deg bruke eiendommen til en CSS -klasse.

  HTML -redaktører

  HTML -redaktøren spiller en viktig rolle i å utvikle et HTML -dokument. Selv om det grunnleggende om HTML -dokumenter er sterkt avhengige av elementene. Imidlertid er disse elementene strukturert ved hjelp av en redaktør. Denne delen viser forskjellige mest brukte HTML -redaktører:

  Visual Studio Code

  Visual Studio Code gir et omfattende utvalg av funksjoner for redigering og omdefinering av kildekode for nettbaserte/skybaserte applikasjoner. Den er utviklet av Microsoft og har åpen kildekode tilgjengelighet, derfor har den også Linux-støtte.

  Wysiwyg webbygger

  Wysiwyg står for Whatt You See Jegs Whatt You GET, og som navnet leder, viser det utdataene på kjøretidsredigering. Dette verktøyet støtter den nyeste versjonen av HTML5 og noen tidligere utgivelser også.

  Sublim tekst

  Ved hjelp av dette verktøyet kan du opprette et HTML-dokument med en ferdig struktur. Når du lagrer en sublim tekstfil ved hjelp av .html eller .HTM -utvidelse, vil du få hele strukturen på siden som vist på bildet nedenfor:

  Notisblokk++

  Notisblokk ++ er en annen HTML -byggherre som lar deg konstruere en side ved hjelp av HTML -elementene. Hvis en notisblokk ++ fil er lagret med .htm eller .html Utvidelse, det vil guide deg til å bruke riktige HTML -elementer.

  Dessuten er flere andre verktøy også tilgjengelige som Syntax Highlighter, Auto-Completion, Debugging og kodevalidering.

  Hvordan HTML -dokumenter utvikles

  HTML -dokumentet består av disiplinerte elementer for å få meningsfylt innhold. Disse elementene er strukturert ved hjelp av en HTML -redaktør. Her bruker vi sublim tekst 4 som HTML -redaktør:

  Du kan følge trinnene som er gitt nedenfor for å konstruere en enkel HTML -side:

  Trinn 1: Åpne den sublime tekstredigereren og lagre filen ved hjelp av .html, .xhtml, .shtml eller.HTM -forlengelse.

  Steg 2: Skriv i tekstredigeringsruten og trykk Enter. Tiden du treffer Enter, vil en grunnleggende struktur av HTML -dokument opprettes som standard som vist nedenfor:

  Bildet ovenfor representerer de nødvendige elementene i et HTML -dokument. Dessuten forskjønner forskjellige elementer og deres attributter grensesnittet på siden og oppfyller behovene til en bruker.

  Konklusjon

  HTML er et språk som tilbyr formatering og strukturering av tekst for en webside. Denne artikkelen gir en informativ og omfattende guide om HTML. Du har blitt kjent med byggesteinene til HTML -dokumenter. I tillegg ga vi lenker til flere redigeringsverktøy som kan hjelpe deg med å bygge HTML -sider.