👉 Vad Ă€r HTML? Vad gör den? Och vad anvĂ€nds det för? (Videoförklaring) - WinningWP

SÄ hÀr skapar du en popupkupong som ökar försÀljningen

Förstå HTML öppnar webben. När du väl vet vad det är och hur det fungerar kommer du snart att se hur grunderna i mycket av hela internet fungerar – och viktigare: både hur grundläggande webbsidor skapas och hur man redigerar dem. Vad som händer, även om det är skrämmande i början, är HTML verkligen ett väldigt enkelt språk att lära! Klar för att få reda på allt om HTML?

Låt oss ta en titt


Vad är HTML och vad gör det ?:

– (notera: videokrediter till Topher DeRosia – skapare av HeroPress)

Videoutskrift:

Hej! Detta är Topher med jaredritchey. I den här videon ska vi svara på frågorna: Vad är HTML? Vad gör det och vad används det för? Jag ska börja med att berätta vad det står för och sedan visar jag vad det gör och vad det används för. HTML står för hypertext markup språk, och hypertexten hänvisar till det faktum att HTML gör det så att du kan klicka på länkar på webbsidor. Det är hypertexten. Ord markup språk betyder bara att det är något du använder för att markera normal engelska för att indikera saker. Lemme visar dig vad jag menar: Detta är en vanlig webbsida. Det finns i WordPress, och hela sidan använder HTML för att berätta för webbläsaren vad man ska göra med all denna text. En del av det är viktigare än andra, en del av det är i tabeller, en del av det är bilder, och på vilken webbladsyta som helst, kan du högerklicka och visa sidkällan och se all den HTML. Lyckligtvis behöver du inte veta all den HTML. Jag ska visa dig vad du behöver veta i samband med WordPress. Det här är samma post, men i adminområdet, och om du är van vid WordPress, så borde det bli bekant. Detta är det normala innehållsområdet. Denna typ av redaktör kallas wysiwyg, eftersom det betyder vad du ser är vad du får. Det här ordet först är lite mörkare än alla andra eftersom jag markerade det och klickade på den djärva knappen, och nu ser det djärva ut. Detta ord, statistik, är faktiskt en rubrik, storlek tre och mångfald är också en rubrik, storlek fyra, men denna normala text är bara en paragraf. Nu är en snygg sak om den här redaktören att det här är högst uppe till höger är en knapp som säger text. Och nu tittar vi på samma information, men vi kan se den råa HTML. Här är ordet först. Kommer du ihåg hur jag markerade den och gjorde den djärv? Vad som faktiskt hände är det inslaget i vissa HTML-taggar som kallas starka. HTML kommer vanligen i två taggar: en öppning och en stängning, och stängningen är annorlunda eftersom den har den här lilla snedstrecket här. Så något som är väldigt viktigt att veta om HTML är att det beskriver texten som den markerar. Jag vill inte verkligen att detta är djärvt. Jag vill att den ska vara stark. I en skärmsläsare spelar det ingen roll om det är fet eller inte, men den starka taggen säger att läsaren säger det extra kraftfullt. Mina rubriker, tre och fyra, här anger du en hierarki för denna text. Det kan vara användbart för personer som läser, men det är verkligen användbart för Google att förstå vad som händer med din text, och det är också användbart för skärmsläsare. Något viktigt att notera är att inte alla webbläsare gör HTML på samma sätt. Även här i den här webbläsaren, som är Chrome, är detta en rubrikstorlek fyra, och den ser ut som den som stycktexten. Men om vi går tillbaka till det aktuella inlägget, noterar du att det är mycket större än stycktexten. Också viktigt att komma ihåg är att inte alla webbläsare visar saker på samma sätt. Så du kan inte räkna med HTML för att göra detta större och djärvt. Du använder helt enkelt HTML för att beskriva det som en rubrikstorlek tre och sedan tar webbläsaren hand om vad man ska göra med det. I vissa fall gör det det större och djärvt, men i andra fall gör det inte. Inom det här inlägget har vi ett bord här, och om vi går till textläge kan du se att det är just här: bord, bordskropp, tabellrad, et cetera. Och ner under bordet har vi en bild. Och i html ser bilden ut så här: den börjar med img, då finns en klass, som vi ska prata om i en annan video, och sedan finns källkoden, som berättar för oss var bilden finns på internet. Vi har en alt-tagg för skärmsläsare, och vi har en bredd- och höjdkod, så att webbläsaren vet förut hur stor den här bilden kommer att vara. Du behöver nog inte använda den här fliken text ofta, men lär dig lite om hur HTML fungerar kan spara mycket tid någon gång i framtiden. När wysiwyg-redigeraren inte beter sig som den borde kan du klicka på fliken Text och se vad som händer. Kanske vill du verkligen att detta kolon ska vara inne i de starka taggarna, men musen ville inte markera den rätt. Men där är du, nu är det inne. Nu kan vi uppdatera, och vi kommer ut här, och jag har inte laddat på ännu, så kolon är fortfarande utanför den starka, men om jag laddar igen ser du att det bara blev lite djupare. Låt oss granska vad vi hittills har lärt oss: HTML står för hypertext markup-språk och det betyder att det är ett språk som är avsedd att markera normal engelska till hypertext, och ursprungligen innebar hypertext helt enkelt att du kunde klicka på det, men nu betyder det alla sorters av saker som att förklara rubriker och tabeller och bilder. HTML beskriver syftet med texten. Då är det upp till webbläsaren att veta vad man ska göra med den texten. Om du vill lära dig mer om WordPress, kolla in jaredritchey.com.

Visa fler videoklipp …

Något att lägga till?

Like this post? Please share to your friends:
Kommentera

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: