Uppmärkningsspråk

Denna studiemodul är individuell och kan studeras närsomhelst.

Uppmärkningsspråk

Vetenskapliga texter är fyllda med referenser till andra vetenskapliga texter. Genom att med med start- och stoppmarkeringar "märka" ord i dessa texter fick Tim Berners-Lee det resultat med hypertext han hoppades på i sitt forskningsprojekt och som presenterades den 12 mars 1989. Med märkningar eller tag's i elektroniska texter skapades länkar till andra texter i olika dokument i ett informationssystem. Detta kopplade ihop dokument från olika datorer.

Systemet med de hyperlänkade dokument skulle bli känt som World Wide Web (www) och bestod av de tre delarna:

• serverprogramvara (webbserver)
• klientprogramvara (webbläsare)
• märkningsspråket (HTML)

Uppmärkningsspråket HTML spreds fritt på Internet 1991 och sedan dess har webbservers, webbläsare och html utvecklats flertal gånger, inte minst säkerhet, tillgänglighet och mobilitet i åtanke.

Syftet med HTML

Ju snabbare du förstår följande desto enklare får du med förståelsen för HTML

Syftet med uppmärkningsspråket HTML är att märka upp delar av informationen för att strukturera den så att exempelvis rubrik, stycke, bild och länk märks ut och kan renderas (visas) i webbläsare.

HTML tillsammans med tekniken Cascading Style Sheet (CSS) kombinerar utformning för webb. Mer om det senare.

Här och nu ska du lära dig HTML.

Öppen standard

Standardiseringsorganet W3C.org arbetar med många öppna tekniska standarder och välkomnar alla förbättringsförslag. Processen om hur föreslagen standards blir standard är också öppen och standardiserad. W3C beskriver att ett förslag genomgår olika mognadsgrader maturity levels och bygger på att uppnå maximal grad av konsensus för alla inblandade. När en teknisk rapport fått substans och utvecklingen påbörjats kan den avancera i nivåer...

1. Working Draft (WD)
2. Candidate Recommendation (CR)
3. Proposed Recommendation (PR)
4. W3C Recommendation (REC)

HTML5.2 är rekommenderad standard sedan 14 december 2017, version 5.3 är på ingång. De tidigare versionerna övergår då till status "Obsolete".

Märkning

Principen för uppmärkningen är barnsligt enkel. Vi utgår från ett exempel där informationesmängden "Varning drick ej ur flaskan". Muntligt skulle kunna viskas eller t.ex. uttalas med bestämd och tydlig röst. Uttryckt med HTML blir det...

Uppmärkningen består av <h1> för header (rubrik) och <p> för paragraph (stycke) och <strong> för (starkt uttryck). HTML har lite drygt 100 element. Man kommer långt genom att lära sig ca 15 stycken.

Ovanstående HTML-kod ger följande resultat...

HTML-Element och attribut

HTML-element har också attribut som anges för att beskriva HTML-element ytterligare. Läs det som att ett HTML-element kan ha ytterligare egenskaper. Elementet <img> (bild) definierar bara "bild" men dess attribut src="..." talar om vilken bildfil det är. Följande är ett korrekt exempel som även tar med attributet alt="..." (alternativ text).

Låt oss titta på den fullständiga Attributlistan för HTML-elementet <img> beskriven av w3.org:

Varje HTML-element har sina attribut och många attribut kan appliceras på flera av HTML-elementen. En img kan ha attributet height och samma attribut kan också en tr (tabellrad).

Kom igång praktiskt

Individuell uppgift

• Om du är ny på detta med HTML rekommenderar jag att du följer med i filmerna och gör samma sak som jag visar.
• När du anser att du förstår principen för HTML som verktyg för att strukturera given Information fortsätt då med modulen för Stilmallar