Varför HTML-taggar är dina vänner

click fraud protection

HTML är språket på webben. Webbsidorna som du visar på din dator eller telefon, inklusive den här, är skrivna på Hypertext Markup Language med så kallade "HTML-taggar". Du kan tänka på HTML som "koden under huven" som styr strukturen på en webbsida.

I slutändan, när du lär dig något nytt språk, börjar du med enkla fraser och bygger därifrån. Lär sig om HTML är inte annorlunda. Du börjar med att göra vanliga HTML-taggar perfekt. Detta motsvarar att lära sig "enkla fraser" på ett talat språk. Dessa fraser blir grundstenen som du bygger din kunskap och tal på, precis som HTML-taggar är grunden för att du ska bygga dina webbutvecklingsfärdigheter.

HTML-taggformat

Du kan känna igen en HTML-tagg eftersom den omges av tecknen i början och slutet av taggen. Mellan dessa två tecken skulle det finnas annan text som definierar vilken typ av HTML-tagg som skrivs. Om du till exempel vet att "hr" betyder horisontell regel (eller rad) skulle du skriva detta för HTML-taggen:


Du har precis skrivit en HTML-tagg som ritar en horisontell regel på en webbsida.

instagram viewer

De flesta HTML-taggar kommer i par. De placeras i början och i slutet av ett textavsnitt för att diktera innehållet som de kommer att innehålla. Dessa taggpar utgör HTML-elements. När du lär dig det  och  är de inledande och stängande taggarna för att göra texten fet, börjar du förstå hur HTML-taggar påverkar utseendet på texten på en webbsida.

Denna mening visas i fetstil på grund av de dolda HTML-taggarna.

Den slutna starka taggen (som står för "stark betoning och som som standard gör texten som fetstil) är identisk med den starka inledande taggen förutom att den innehåller en snedstreck i taggen. Detta är det format som följs av de flesta HTML-taggar. Öppningstaggen och stängningstaggarna är desamma, med tillägg av en snedstreck i stängningen som följer det första "

HTML-taggkombinationer

HTML-taggar används ofta i kombination. Öppnings- och stängningstaggarna för betonad (kursiv) text är och . Om du lägger till de kursiva taggarna till ett enda ord i exemplet med fetstil men får ordet att visas är både fet och kursiv på webbsidan.

Denna mening kommer att visas i alla djärv på grund av de dolda HTML-taggarna.

När flera taggar används tillsammans i ett element på en webbsida, med vissa taggar som visas i andra, kallas de kapslade HTML-taggar. Du måste komma ihåg det kapslade taggar, som är taggarna i andra, måste stängas innan de innehållande taggarna kan stängas. Titta på det här exemplet:

Detta är text som är betonade av en specifik anledning.


Du bör märka att taggen öppnas inuti

, vilket innebär att den måste stängas innan

stängningstagg visas. Tänk på kapslade taggar som rutor inuti andra rutor. Inre lådor måste stängas innan de yttre, innehållande lådor är.

HTML-taggar och webbsidor

Det finns dussintals HTML-taggar i giltig HTML. Vissa HTML-taggar dikterar mycket vanliga, grundläggande element som stycken, medan andra är mer komplicerade och lägger till mer funktionalitet, som länk- eller "ankertaggar". En lista med HTML-taggar ger en ögonblicksbild av de många funktioner som taggar kan utföra på en webbsida med hjälp av taggar.

Det finns också några taggar som krävs på alla webbsidor. När du bygger din första sida kommer du att använda.

En lista med HTML-taggar är inte mycket hjälp förrän du har gått igenom en HTML-handledning, men när du har gjort det kan du använda HTML-taggar för att skapa din egen webbsida. En anteckning, bli inte överväldigad av antalet möjliga HTML-taggar. Även om det finns hundratals möjliga taggar att använda är verkligheten att du sannolikt bara kommer att använda en handfull av dem om och om igen. Faktum är att det finns några HTML-taggar som vi aldrig har använt ens en gång i årtionden av webbdesignarbete!

Föråldrade taggar

HTML5 är den nuvarande markeringsstandarden. Några av taggarna som användes i tidigare versioner av HTML hanteras nu av stilark i HTML5. De föråldrade HTML-taggarna har tagits bort från HTML-specifikationerna. Det är bäst att inte använda några föråldrade taggar.

instagram story viewer