HTMLKomma igång med HTML


Anmärkningar

HTML ( H yper t ext M arkup L anguage) är ett XML- kompatibelt system för att kommentera dokument med 'taggar'. Det används specifikt för att skapa innehåll för webbsidor och webbapplikationer, som sedan kan delas över ett nätverk.

Förutom text stöder den aktuella versionen av HTML många olika typer av media , inklusive bilder och videor.

versioner

Version Specifikation Utgivningsdatum
1,0 N / A 1994-01-01
2,0 RFC 1866 1995/11/24
3,2 W3C: HTML 3.2-specifikation 1997/01/14
4,0 W3C: HTML 4.0-specifikation 1998/04/24
4,01 W3C: HTML 4.01 specifikation 1999/12/24
5 WHATWG: HTML levnadsstandard 2014/10/28
5,1 W3C: HTML 5.1-specifikation 2016/11/01

Hej världen


Introduktion

HTML ( H yper t ext M arkup L anguage) använder ett markeringssystem som består av element som representerar specifikt innehåll. Markup betyder att du med HTML förklarar vad som presenteras för en tittare, inte hur det presenteras. Visuella representationer definieras av Cascading Style Sheets (CSS) och realiseras av webbläsare. Fortfarande existerande element som tillåter sådant , som t.ex. font , "är helt föråldrade och får inte användas av författare" [1] .

HTML kallas ibland ett programmeringsspråk men det har ingen logik, så är också ett markeringsspråk . HTML-taggar ger semantisk betydelse och maskinläsbarhet för innehållet på sidan.

Ett element består vanligtvis av en öppningstagg ( <element_name> ), en stängningskod ( </element_name> ), som innehåller elementets namn omgiven av vinkelparenteser, och innehållet däremellan: <element_name>...content...</element_name>

Det finns några HTML-element som inte har en stängningstagg eller något innehåll. Dessa kallas ogiltiga element . Void-element inkluderar <img> , <meta> , <link> och <input> .

Elementnamn kan betraktas som beskrivande nyckelord för innehållet de innehåller, till exempel video , audio , table , footer .

En HTML-sida kan bestå av hundratals element som sedan läses av en webbläsare, tolkas och återges till mänskligt läsbart eller hörbart innehåll på skärmen.

För detta dokument är det viktigt att notera skillnaden mellan element och taggar:

Element: video , audio , table , footer

Taggar: <video> , <audio> , <table> , <footer> , </html> , </body>



Element insikt

Låt oss bryta ner en tagg ...

<p> -taggen representerar ett vanligt stycke.

Element har vanligtvis en öppningstagg och en avslutande tagg. Öppningstaggen innehåller elementets namn i vinkelfästen ( <p> ). Den stängande taggen är identisk med öppningstaggen med tillägg av ett framåt snedstreck ( / ) mellan öppningsfästet och elementets namn ( </p> ).

Innehåll kan sedan gå mellan dessa två taggar: <p>This is a simple paragraph.</p> .



Skapa en enkel sida

Följande HTML-exempel skapar en enkel "Hello World" -sida.

HTML-filer kan skapas med valfri textredigerare . Filerna måste sparas med en .html eller .htm [2] -förlängning för att kunna identifieras som HTML-filer.

När filen har skapats kan den öppnas i valfri webbläsare.


<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <title>Hello!</title>
    </head>

    <body>
        <h1>Hello World!</h1>
        <p>This is a simple paragraph.</p>
    </body>

</html>
 



Enkel sida uppdelad

Dessa är taggarna som används i exemplet:

Märka Menande
<!DOCTYPE> Definierar HTML-versionen som används i dokumentet. I det här fallet är det HTML5.
Mer information finns i doktorandemnet .
<html> Öppnar sidan. Ingen markering ska komma efter stängningstaggen ( </html> ). lang deklarerar det primära språket på sidan med ISO-språkkoderna ( en för engelska).
Se ämnet Content Language för mer information.
<head> Öppnar huvudavsnittet, som inte visas i huvudfönstret i webbläsaren men huvudsakligen innehåller information om HTML-dokumentet, kallad metadata . Det kan också innehålla import från externa stilark och skript. Den avslutande taggen är </head> .
<meta> Ger webbläsaren några metadata om dokumentet. charset attributet deklarerar teckenkodningen . Moderna HTML-dokument bör alltid använda UTF-8 , även om det inte är ett krav. I HTML kräver <meta> -taggen inte en stängningstagg.
Se Meta-ämnet för mer information.
<title> Sidans titel. Text skriven mellan denna öppning och stängningstaggen ( </title> ) kommer att visas på fliken på sidan eller i titelraden i webbläsaren.
<body> Öppnar den del av dokumentet som visas för användare, dvs allt synligt eller hörbart innehåll på en sida. Inget innehåll ska läggas till efter den stängande taggen </body> .
<h1> En nivå 1-rubrik för sidan.
Se rubriker för mer information.
<p> Representerar ett gemensamt stycke av text.

1. ↑ HTML5, 11.2 Funktioner som inte överensstämmer
2. ↑ .htm ärvs från den äldre gränsen för filtypförlängning med tre tecken.