Hur Man Sätter In En Tabell På En Webbplats

Innehållsförteckning:

Hur Man Sätter In En Tabell På En Webbplats
Hur Man Sätter In En Tabell På En Webbplats

Video: Hur Man Sätter In En Tabell På En Webbplats

Video: Hur Man Sätter In En Tabell På En Webbplats
Video: Ett lite mer avancerat exempel på en tabell i html 2024, December
Anonim

Markeringsspråken HTML, Wiki och BB-Code har verktyg för att skapa tabeller. Detta låter dig placera information om de jämförande egenskaperna hos vissa objekt, statistiska och andra uppgifter i dokumenten eller meddelandena i forumet.

Hur man sätter in en tabell på en webbplats
Hur man sätter in en tabell på en webbplats

Instruktioner

Steg 1

För att skapa en tabell i ett HTML-dokument, öppna den först med taggen

… Därefter öppnar du sin första rad med taggen

(TR är förkortning för tabellrad, det vill säga en tabellrad). Nu kan du infoga önskat antal celler i strängen. Ta reda på var och en av dem genom att öppna taggen

… Här står förkortningen TD för tabelldata, det vill säga tabelldata. När du har placerat det antal celler som krävs på detta sätt stänger du raden med tagge

… När alla rader har matats in stänger du själva tabellen med taggen

genom att ange data efter det och sedan placera en stängningstagg

t.ex:

Lokal Antal uttag
Hall 1
Badrum 0
Kök 2
Rum 3
Balkong 0

Steg 2

Genom att lägga till taggen

parametrar kan du ändra färg och tjocklek på dess linjer. Så att den yttre omkretsen av bordet är en pixel tjock och de inre linjerna är två pixlar tjocka, och allt detta är målat i mörkblått, använd denna konstruktion:

Steg 3

För att slå samman flera celler horisontellt, använd i kombination med taggen

colspan-parameter. Så om du skriver

får du en cell med en bredd på två kolumner

Steg 4

När du skapar ett foruminlägg som använder BB-kod, använd samma taggar för att skapa tabeller, men använd hakparenteser istället för vinkelfästen. Det kan se ut så här:

[tabell]

[tr] [td] Rum [/td] [td] Antal uttag [/td] [/tr]

[tr] [td] Hall [/td] [td] 1 [/td] [/tr]

[tr] [td] Badrum [/td] [td] 0 [/td] [/tr]

[tr] [td] Kök [/td] [td] 2 [/td] [/tr]

[tr] [td] Rum [/td] [td] 3 [/td] [/tr]

[tr] [td] Balkong [/td] [td] 0 [/td] [/tr]

[/tabell]

Denna teknik fungerar inte i alla forum, och inte alla taggar stöds i de som har motsvarande funktion.

Steg 5

Formatera tabeller enligt Wiki-markeringsspråket enligt nedan:

{|

| Lokaler

| Antal uttag

|-

| Hall

|1

|-

| Badrum

|0

|-

| Kök

|2

|-

| Rum

|3

|-

| Balkong

|0

|}

Tecken | används här för att flytta till nästa cell, och | - används för radmatning.

Rekommenderad: