Kom igång med HTML: Tabeller

HTML, kort för HyperText Markup Language. Det är en standard som fungerar som en referens för utvecklingen av webbsidor i dess olika versioner, definierar en grundläggande struktur och en kod (kallad kod HTML) för att definiera innehållet på en webbsida, till exempel text, bilder, videor, bland andra. För att börja förstå hur strukturen för detta språk definieras kommer vi i denna handledning att börja med att känna till etiketterna som tabellerna hanteras med, vilket är mycket användbart när man bygger strukturer för nyhetsbrev och utskick huvudsakligen.
Syftet med denna handledning är att ge en förklaring som hjälper grafiska formgivare att på ett så enkelt sätt som möjligt förstå dokumentets struktur och logik HTML för att få den grundläggande kunskap som gör att de kan skapa filer på detta språk.

Krav

- Äg en kodredigerare som Dreamweaver CS6, Anteckningsblock ++, sublim text bland annat tillgängliga på Internet.
- Ha en webbläsare installerad som Chrome, Firefox, Opera, Safari, Edge eller Internet Explorer.
Steg 1: Att känna till etiketterna för att skapa tabeller
med denna etikett definierar vi början av tabellen i strukturen HTML.
gör det möjligt att skapa en rad för bordet
representerar rubriken på kolumnerna, består dessa kolumner av celler.
<>> är representationen av cellerna som kommer att finnas i raderna i tabellen.
Det här är alla etiketter som vi kommer att behöva för att skapa tabellerna, i nästa steg lär vi oss hur de deklareras inom koden och deras ordning.
Steg 2: Logisk deklaration av etiketter.
Det är viktigt att veta att i HTML måste de allra flesta taggar öppnas, vilket är precis när vi deklarerar dem och även de måste stängas, följande exempel illustrerar detta koncept:

Som du kan se måste varje etikett ha sin öppning och stängning. De skiljer sig huvudsakligen genom det snedstreck "/" som etiketten stängs med. Varje gång en tagg skapas är det obligatoriskt att deklarera dess stängning på samma sätt.
Steg 3: Hierarkisk deklaration av etiketter.
Etiketten Det är den första som deklareras för att indikera skapandet av en tabell, följaktligen för att börja skapa cellerna som innehåller informationen som ska visas.
Tabeller består av kolumner och rader.

Med tanke på den hierarkiska ordning som varje etikett måste ha, kommer vi att skapa tabellen och introducera de rader som vi behöver för tabellen i bilden nedan:

Koden i tabellen ska se ut så här:

Även om raderna i tabellen redan är definierade är det nödvändigt att skapa cellerna som består av tabellens kolumner. Bilden nedan illustrerar detta koncept:

Koden i tabellen ska se ut så här:

Steg 4: Lägga till innehåll i celler
Varje tagg [color = # 7030a0] [/ color] motsvarar en cell i vår tabell, så det är här informationen kan läggas till. Vi ändrar den första etiketten [color = # 44546a] [/ color] deklarerad rad alla [color = # 7030a0] [/ color] by header tags [color = # 002060][/Färg]. I [color = # 7030a0][/ färg] på resten av raderna lägger vi till exempelinnehåll. Koden HTML Det ska se ut så här:

 
 
 
Artikel
 
namn
 
Efternamn
 

 
 
1
 
Pedro
 
Rosor
 

 
 
2
 
John
 
Källor
 

Steg 5: Spara dokumentet i HTML och visa filen
I kodredigeringsprogrammet går vi till Arkiv / Spara -menyn när vi sparar dokumentet i format .html

Senare öppnar vi dokumentet i den webbläsare vi föredrar:

Tabellen vi har skapat ska se ut som bilden nedan.

Hittills har vi lärt oss namnet och funktionen på etiketterna HTML att bygga tabeller, deras hierarkiska ordning, deras logiska arrangemang och att lägga till innehåll till dem. Vi är nu redo att lägga till grafiska attribut i tabeller.Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng