HTML (Hypertext Markup Language) och CSS (Cascading Style Sheets) är två av kärnteknikerna för att bygga webbsidor. HTML ger strukturen på sidan, CSS (visuell och ljud) layout, för en mängd olika enheter. Tillsammans med grafik och skript är HTML och CSS grunden för att bygga webbsidor och webbapplikationer. Läs mer nedan om:
vad är HTML?
HTML är språket för att beskriva strukturen på webbsidor. HTML ger författare möjlighet att:
- publicera online-dokument med rubriker, text, tabeller, listor, foton etc.
- hämta onlineinformation via hypertextlänkar, genom att klicka på en knapp.
- Designformulär för att genomföra transaktioner med fjärrtjänster, för användning vid sökning efter information, bokning, beställning av produkter etc.
- inkludera spread-sheets, videoklipp, ljudklipp och andra program direkt i sina dokument.
med HTML beskriver författare strukturen på sidor med markering. Elementen i språketiketten delar av innehåll som ”stycke”, ”lista”, ”tabell” och så vidare.
Vad är XHTML?
XHTML är en variant av HTML som använder syntaxen för XML, det Extensible Markup Language. XHTML har alla samma element(för stycken etc.) som HTML-variant, men syntaxen är något annorlunda. Eftersom XHTML är ett XML-program kan du använda andra XML-verktyg med det (till exempel XSLT, ett språk för att omvandla XML-innehåll).
vad är CSS?
CSS är språket för att beskriva presentationen av webbsidor, inklusive färger, layout och teckensnitt. Det gör att man kan anpassa presentationen till olika typer av enheter, till exempel stora skärmar, små skärmar eller skrivare. CSS är oberoende av HTML och kan användas med alla XML-baserade markeringsspråk. Separationen av HTML från CSS gör det lättare att underhålla webbplatser, dela stilark över sidor och skräddarsy sidor till olika miljöer. Detta kallas separation av struktur (eller: innehåll) från presentation.
Vad är WebFonts?
WebFonts är en teknik som gör det möjligt för människor att använda teckensnitt på begäran över webben utan att kräva installation i operativsystemet. W3C har erfarenhet av nedladdningsbara teckensnitt via HTML, CSS2 och SVG. Fram till nyligen har nedladdningsbara teckensnitt inte varit vanliga på webben på grund av bristen på ett interoperabelt teckensnittsformat. WebFonts-ansträngningen planerar att ta itu med det genom att skapa ett branschstödt, Öppet teckensnittsformat för webben (kallat ”WOFF”).
exempel
följande mycket enkla exempel på en del av ett HTML-dokument illustrerar hur man skapar en länk i ett stycke. När den återges på skärmen (eller av en talsyntes) kommer länktexten att vara ”slutrapport”; när någon aktiverar länken kommer webbläsaren att hämta resursen som identifierats av ”http://www.example.com/report”:
<p class="moreinfo">For more information see the<a href="http://www.example.com/report">final report</a>.</p>
class attribut på styckets starttagg (”<p>”) kan bland annat användas för att lägga till stil. Till exempel, för att kursivera texten i alla stycken med en klass av ”moreinfo” kan man skriva i CSS:
p.moreinfo { font-style: italic }
genom att placera den regeln i en separat fil kan stilen delas av valfritt antal HTML-dokument.