Visar text i kolumner kan hjälpa till att förbättra läsbarheten av din webbplats . Ett sätt att formatera texten så att den visas i kolumner är att använda en HTML- tabell . HTML- tabeller stöd valfritt antal kolumner . Du kan hantera bredden och anpassningen av varje kolumn med hjälp av kolumn grupper . Låt oss titta på ett enkelt exempel på en webbsida som visar spelpoäng

Du behöver : .
Anteckningar eller annan textredigerare
Internet Explorer eller andra webbläsare .

Skapa en HTML- sida

1 .
Klicka på " Start " -knappen. Välj " Alla program "i menyn . Välj " Tillbehör "i menyn . Välj " Anteckningar "i menyn
2
Skriv följande i dokumentet : .









Denna HTML- kod definierar den grundläggande strukturen i en HTML- sida och sätter texten i webbläsarens namnlist till " Game Scores . " Lämna elementet tomt för tillfället . Det är där du kommer att lägga innehållet på sidan.
3 .
Klicka på "Fil "i menyn och välj " Spara ". Om din " dokument " inte är markerat markerar du den . Välj " Alla filer "från " Spara som typ " drop down-listan. Skriv " columns. html "i " Filnamn "-fältet och klicka på " Spara "-knappen .
4 .
Klicka på " Start " och välj " Dokument "för att öppna Utforskaren . Expandera " Dokument "-ikonen i rutan till vänster . Välj " Mina dokument " -ikonen .
5 .
Dubbelklicka på " columns. html "och kontrollera att ett dokument med titeln " spelpoäng " visas i webbläsaren . Håll fönstret öppet .

lägga till en tabell för webbsida

1 .
Ta Anteckningar i förgrunden . Lägg till följande HTML inom element :

Förnamn	Efternamn	Omgång 1	Omgång 2	Omgång 3

Du använder en element för att skapa en tabell . En tabell innehåller kolumner och rader . Du använder ( tabellrad ) för att avgränsa raderna . Inom varje rad du definiera kolumner med innehåll . Du använder en tag :

( tabell header ) element att lägga till en kolumn som visar text med ett fetstilt typsnitt . Här har du skapat en rad som har fem kolumner med fet text . 2 . Klicka på " File " knappen och välj "Spara "för att spara dina ändringar . 3 . Flytta webbläsarfönstret i förgrunden . Högerklicka i den tomma sidan och välj " Uppdatera ". Dina rubriker ska visas . 4 . Ta Anteckningar i förgrunden . Lägg till följande kod på raden direkt under
John	Smith	80	75	165
Mary	Dodd	92 <; /td >	140	132
( tabelldata ) element används för att definiera en kolumn som visar text med hjälp av en normal text . Här har du skapat två rader som har fem kolumner i varje. 5 . Klicka på " File " knappen och välj "Spara "för att spara dina ändringar . 6 . Flytta webbläsarfönstret i förgrunden . Högerklicka i den tomma sidan och välj " Uppdatera ". Ditt bord ska visas . Ändra kolumnbredd och anpassning 1 . Ta Anteckningar i förgrunden . Ändra HTML genom att lägga till följande kod direkt efter tag : elementet används för att definiera en bredd som gäller för flera kolumner . Du använder span attributet för att ange antalet kolumner som ingår i gruppen . Du använder bredd attributet för att definiera kolumnens bredd i pixlar . 2 . Klicka på " File " knappen och välj "Spara "för att spara dina ändringar . 3 . Flytta webbläsarfönstret i förgrunden . Högerklicka i den tomma sidan och välj " Uppdatera ". Ditt bord ska visas . Observera att tabellrubrikerna inte är i linje med tabelldata 4 ändra koden så att blocket ser ut så här : . Det elementet används för att definiera formatering som gäller en eller flera kolumner . I det här fallet , är du om anpassningen av längst till vänster två kolumner till " centrum " anpassning . 5 . Klicka på " File " knappen och välj "Spara "för att spara förändringar . 6 . Flytta webbläsarfönstret i förgrunden . Högerklicka i den tomma sidan och välj " Uppdatera ". Ditt bord ska visas . Observera att tabellen data i de två första kolumnerna är centrerad under rubriken 7 ändra koden så att blocket ser ut så här : . Den andra delen gäller de kommande tre kolumnerna i tabellen . Du ställer in bredden på dessa kolumner till 50 pixlar och en anpassning av texten i dessa kolumner till högerjusterad . 8 . Klicka på " File " knappen och välj "Spara " för att spara dina ändringar . 9 . Flytta webbläsarfönstret i förgrunden . Högerklicka i den tomma sidan och välj " Uppdatera ". Ditt bord ska visas . Lägg märke till att tre sista kolumnerna är smalare och uppgifterna i dem är högerjusterad med kolumnrubrikerna . tips och varningar Om du väljer att använda en annan textredigerare än Anteckningar , att dina steg skapa och spara ett dokument kommer att vara annorlunda . Om du väljer att använda en annan webbläsare än Internet Explorer , för att dina steg Uppdatera webbsidan kan vara olika. När du skriver HTML -kod , se till att varje öppning tagg har ett matchande sluttaggen . Previous：nothing Next：Hur man laddar ner miljön Java Runtime 5.0 i Windows XP Relaterade artiklar handledning om SQL-funktioner hur man gör spel med Python för nybörjare hur man kan beräkna datum skillnaden i java Game Maker 7,0 tutorials hur man gör en skylt i skriptet för Game Maker hur man skapar ett diagram i python hur man får trådlösa datakort hårdvara hur man lär sig att använda Java-programvara hur man skapar en html & jsp hemsidan data recovery hårdvara senaste artikel hur du kan få text i kolumner med html Hur man laddar ner miljön Java Runtime 5.0 i Windows XP hur man beräknar avståndet mellan två punkter i java hur man installerar java script på en PC Hur konvertera bmp till jpg i VB Lägga till en post disk med Visual Basic 6 hur man hittar en delsträng i Java hur man läser CPU-temperaturen med ett VB6 program hur man skriver C-program i Visual C + + hur man gör en skylt i skriptet för Game Maker slumpmässiga artikeln vad är hårdvara & mjukvara? Hur konvertera en tidsstämpel till ett datum i php Hur man laddar ner miljön Java Runtime 5.0 i Windows XP Corsair minne grunderna fördelarna med javascript hur man säkert tar bort hårddiskar från hårdvara Hur kan jag installera Java på min HP-dator ? diy hårddiskåterställning Var kan jag återvinna hårdvara? rensar en knapp på Visual Basic Ta bort en php -fil hur man ringer ett orakel paket från Visual Basic hur man skapar xls med javascript hur du ansluter trådlöst hårdvara vad är hårdvara i ett datorsystem? Artikel toppen GeForce 7600 GS jämfört med GeForce 6600 GT hur man kopierar musik från en dator till ett PSP Corsair minne grunderna hur man byter en CPU multiplikatorn med en AMD-proc diy hårddiskåterställning Copyright © 2011 All rights reserved. Besöksadress: Hålabäcks fritidsgård, Blomstergatan 2, 424 43 Kungsbacka . Email:info@yuangnauy.com