|
|
|
Kapslad tabell HTML Tutorial |
|
HTML är ett grundläggande språk webbsida utveckling , den använder ett system med fördefinierade taggar inneslutna inom " < " och " > " symboler . Varje kodrad har en öppnad tagg och en stängd tag: < /tag> . Den information du vill visa på sidan ligger mellan dessa öppna och stängda taggar . En av de avancerade funktionerna i HTML programmeringsspråk är bordet , den är innesluten i tabellen tagguppsättning : < /table > . Skapa en tabell i HTML
Använda öppnas och stängs bord taggar du kan skapa en enkel tabell struktur , kan du använda många andra tillgängliga taggar inom familjen av taggar som används i HTML- tabellen skapa något mycket komplext . Stilelement definiera storlek , läge , gränsarbetare och andra attribut i tabellen . Stilen informationen skulle bara läggas till den öppna etiketten , som ett exempel , för att lägga till en 1 - pixel gränsen till bordet du vill använda denna tagg set : < /table > < . br > tabellen taggen själv inte producerar cellerna för visning , dock. För att producera celler , måste du lägga till en tagg uppsättning mellan öppna och slutna bord taggar . Taggen anger används för att skapa rader och kolumner är < /tr > och < /td> taggarna , den " tr " taggen är att skapa en rad och " TD " taggen är för skapar en kolumn. Du kan också använda " th " -taggen i stället för " TD " taggen för att skapa en tabell header , detta automatiskt stilar innehållet i cellen för att särskilja det som en header
Reglerna för programmering av en tabell . ange att du måste bifoga " td " taggar inom "tr " taggar inom "bord" taggar . En enkel - cell bord med en 1 - pixel ram runt det skulle se ut så här : | Rad 1 , Kolumn 1 < /td > < /tr > < /table > . För att skapa fler kolumner du skulle helt enkelt placera mer | < /td> taggarna inom | taggarna , och att skapa fler rader du vill lägga till fler < /tr > taggar inom < /table > taggar .
Häckande HTML-tabeller
satsbordet betyder helt enkelt placera en tabell i en cell i en annan tabell . Den nya tabellen skulle placeras mellan | taggarna i den överordnade tabellen . En enkel - cell bord med en 1 - pixel gränsen ligger inom en två - cell bord med en 1 - pixel gränsen skulle se ut så här : | Row 1 , kolumn 1 < /td > | Rad 1 , kolumn 2 - kapslad tabell < /td > < /tr > < /table > < /td > < /tr > < /table > . Den kapslad tabell i detta exempel ligger i första raden och den andra kolumnen , du kan lägga till mer " tr " och " td " taggar till kapslad tabell , lägga till mer " tr " och " td " taggar till den överordnade tabellen , eller även lägga flera kapslade tabeller inom cellerna i den överordnade tabellen eller kapslad tabell för att skapa en mer komplex struktur .
Tips för satsbordet
När du börja göra tabeller och häckande dem att skapa mer komplexa strukturer kan det bli ganska förvirrande . Det är en bra idé att rita ett diagram av tabellerna innan du börjar så att du kan hänvisa till det och göra anteckningar medan du arbetar. När du skapar koden , bör varje ny tagg uppsättning har sin egen linje , sätta i ett hårt stopp ( enter) efter varje stängd tag och sedan lägga till flikar strecksatsen varje tagg set . Denna typ av strukturering kommer att göra dina tabeller lättare att läsa
Du kan också kommentera raderna i din programmering med en speciell uppsättning kommentar tag; . " ! < - " Använda för att öppna den kommentaren och " - - > " för att stänga den . Kommentera kan placeras var som helst i HTML -kodning och det är ett bra sätt att lägga till anteckningar för att påminna dig själv om vad du har kodat . Skapa din kapslade nerifrån
upp är också ett bra sätt för att undvika förvirring . Du skulle vilja börja med din djupaste dukat bord ( se diagrammet som du har skapat ) och sedan bifoga den i din överordnade tabellen och fortsätter att arbeta utåt på detta sätt . Spara ditt arbete ofta och laddar sidan i en webbläsare för att se strukturen vänder på det sätt du föreställer . Addera
|
|
| Copyright © Dator Kunskap http://www.dator.xyz
|
| | | |
