Meny

HTML Cheat Sheet - Snabbguide till HTML-taggar för nybörjare

  • Huvud
  • Övrig
  • HTML Cheat Sheet - Snabbguide till HTML-taggar för nybörjare

html cheat sheet quick guide html tags

Prova Vårt Instrument För Att Eliminera Problem

Se det här omfattande HTML-fuskarket för att lära dig om olika vanliga HTML-kodningstaggar med kodexempel:

vilken är den bästa YouTube-nedladdaren?

När vi börjar guiden kommer vi först att förstå vad som är HTML-språk och vidare i handledningen tar vi en titt på de olika HTML-taggarna. Här ska vi också förstå några av de taggar som används i HTML5.

Så låt oss komma igång och först förstå vad som är HTML.

HTML Cheat Sheet

Vad du kommer att lära dig:

Vad är HTML

HTML står för Hyper Text Markup Language. Det är ett markeringsspråk som uppfanns av Tim Berners-Lee år 1991. Med enkla ord kan vi säga att detta är ett språk som beskriver hur innehållet på en webbsida skulle visas. För detta ändamål använder den taggar inom vilka texten som ska visas är inbäddad. Webbläsaren tolkar dessa taggar för att visa texten på skärmen.

Det har gjorts många versioner av HTML, och den senaste tillgängliga är HTML5 som släpptes 2014.

Vad är ett HTML-fuskark

HTML Cheat Sheet är en snabb referensguide som visar de vanliga HTML-taggarna och deras attribut. Taggarna är i allmänhet grupperade för att de ska vara läsbara.

HTML-taggar

Nedan har vi grupperat taggarna i olika kategorier och vi kommer att lära oss om taggarna som faller i varje kategori tillsammans med exempel.

Grundläggande taggar

TaggarÄndamål
....Förformaterad text
(avstånd, radbrytning och typsnitt bevaras)		HELLO Sam HELLO Sam
...Detta är överordnad tagg (rotelement) för alla HTML-dokument. Hela HTML-kodblocket är inbäddat i denna tagg
...Den här taggen ger allmän information om dokumentet som dess titel och länkar till stilark (om någon). Denna information visas inte på webbsidan.
...Min webbsida
...Min första webbsida

Kodavsnitt:

My Web Page My First Web Page

Produktion:

Min webbsida
(Visas i webbläsarens namnlist)

Min första webbsida
(Visas som innehåll på webbsidan)

Metainformationstaggar

TaggarÄndamål

Detta används för att ange webbplatsens bas-URL.

Den innehåller information som publiceringsdatum, författarens namn etc.

Den innehåller informationen relaterad till utseendet på webbsidan.
Den används för att ange externa länkar, främst formatmallar. Det är en tom tagg och innehåller endast attribut.
....Används för att lägga till kodavsnitt för att göra en webbsida dynamisk.

Kodavsnitt:

Rashmi’s Web Page Var a=10; This is Rashmi’s Web Page Content Area

Produktion:

Rashmis webbsida

(Visas i webbläsarens namnlist)

Detta är Rashmis innehållsområde för webbsidor

(Visas som innehåll på webbsidan)

verktyg för automatiseringstestning för webbapplikationer

Textformateringstaggar

MärkaÄndamålKodavsnittProduktion
.... Gör texten fet Hallå Hallå
.... Gör texten kursiv Hallå Hallå
....Understryker textenHallåHallå
....Stryk ut textenHallåHallå
.... Gör texten fet
(Samma som .. märka)		 Hallå Hallå
.... Gör texten kursiv
(Samma som .. taggar)		 Hallå Hallå
....
Rubrikmärke - # kan sträcka sig från 1 till 6

Å andra sidan är start- eller sluttaggen det vi kallar HTML-taggen.

Exempel:

eller

eller

eller

var och en av dessa kallas taggar. Det bör dock noteras att de två termerna ofta används omväxlande.

F # 7) Vilka är de två typerna av taggar i HTML?

Svar: Det finns två typer av taggar i HTML-parade och oparade eller singulära taggar.

Parade taggar - Som namnet antyder är det taggar som består av två taggar. Den ena kallas öppningstaggen och den andra kallas den avslutande taggen. Till exempel: , etc.

Oparade taggar - Dessa taggar är enstaka taggar och har endast den inledande taggen och ingen stängningstagg. Till exempel:
, etc.

F # 8) Vad är skillnaden mellan en containertagg och en tom tagg?

Svar:

Behållartaggar är de taggar som har en inledande tagg följt av innehåll och en avslutande tagg. Till exempel: ,

Tomma taggar är taggarna som inte har något innehåll och / eller stängningstagg. Till exempel:
,

etc.

F # 9) Vilken är den största rubriken?

Svar:

är den största rubriktaggen i HTML-taggen.

F # 10) Vad är markeringen i HTML?

Svar: Atag används för att skapa en listruta. Det används oftast i formulär där användarinmatning ska samlas in. Nedan finns ett kodavsnitt tillsammans med utdata från taggen. Det visar också de vanliga attributen för den här taggen.

Kodavsnitt:

How do you travel to work

Private Transport Public Transport

Produktion:

välj tagoutput

Slutsats

Hoppas den här artikeln har gett dig en förståelse för vad exakt ett HTML-fuskark är. Syftet var att dela med våra läsare en snabb referensguide för olika ofta använda HTML-taggar.

Vi har också sett grundläggande taggar, taggar för metainformation, taggar för textformatering, formulär, ramar, listor, bilder, länkar, tabeller och inmatningstaggar. Vissa taggar, som vanligtvis används tillsammans med FORM-taggen som Select och Button, behandlas också i den här artikeln. Vi lärde oss också om de taggar som introducerades med HTML5.

För var och en av taggarna lärde vi oss om de vanligaste attributen som användes tillsammans med taggarna och såg dess relaterade kod och utdata.

Rekommenderad läsning

^