Hur man skapar Webblayout

Det finns många olika sätt att skapa en webbsida layout , det finns ett enkelt sätt att göra jobbet : Använd HTML-taggar för att skapa en tabell layout . HTML är det allmänt accepterat Webbutveckling språk som används över hela världen . Ingen webbläsare kommer att ha svårt att visa en webbplats utformad på en HTML- stiftelse . Tabellen layout kan visas att visa organisatoriska gränser , om så önskas . De vikter och stilar av dessa gränser kan bli en del av webben layouten . Saker du behöver
textredigeringsprogram
Visa fler instruktioner
1

öppna några textredigeringsprogram och namn och spara det nya dokumentet med . Html-tillägg . Börja och avsluta en tabell layout med

och < /table > taggar . Den taggen talar om för webbläsaren att skapa en tabell med hjälp av följande parametrar , den < /table > taggen talar om för webbläsaren att avsluta tabellen
2

Skapa varje tabellrad efter . använder

och taggarna . Varje rad är skapad med hjälp av följande
3

Lägg innehåll ( tabelldata ) till varje enskild tabellcell genom att använda

och < /td > taggarna . Tabell data läggs till varje rad genom att använda följande kommandon : rad 1 , cell 1 < /td > rad 1 , cell 2 < /td > rad 1 , cell 3 < /td > < /tr > rad 2 , cell 1 < /td > rad 2 , cell 2 < /td > ; rad 2 , cell 3 < /td > < /tr > rad 3 , cell 1 < /td > rad 3 , cell 2 < /td > < ; td > rad 3 , cell 3 < /td > < /tr > < /table > 4 Lägg rubriker till varje kolumn genom att använda och < /th > etiketter. Rubriker läggs till varje kolumn genom att använda följande kommandon : Kolumn 1 Rubrik < /th > kolumn 2 Rubrik < /th > < th > Kolumn 3 Rubrik < /th > < /tr > rad 1 , cell 1 < /td > rad 1 , cell 2 < /td > rad 1 , cell 3 < /td > < /tr > rad 2 , cell 1 < /td > rad 2 , cell 2 < /td > rad 2 , cell 3 < /td > < /tr > rad 3 , cell 1 < /td > rad 3 , cell 2 < /td > rad 3 , cell 3 < /td > < /tr > < /table > 5 Lägg gränserna definitioner till tabell genom att använda gränsen attributet . Borders synliggörs med hjälp av följande kommandon : rad 1 , cell 1 < /td > rad 1 , cell 2 < /td > rad 1 , cell 3 < /td > < /tr > rad 2 , cell 1 < /td > rad 2 , cell 2 < ;/td > rad 2 , cell 3 < /td > < /tr > rad 3 , cell 1 < /td > rad 3 , cell 2 < /td > rad 3 , cell 3 < /td > < /tr > < /table > antalet nära de förändringar gränserna attribut vikten, eller tjockleken på gränslinjen som skiljer celler i tabellen. 6 Lägg ett sidhuvud och sidfot rad i tabellen med hjälp av colspan attributet . Den colspan attributet läggs med hjälp av följande kommandon : Header Innehåll < /td > < /tr > rad 1 , cell 1 < /td > rad 1 , cell 2 < /td > rad 1 , cell 3 < /td > < /tr > rad 2 , cell 1 < /td > rad 2 , cell 2 < /td > rad 2 , cell 3 < /td > < /tr > < tr > rad 3 , cell 1 < /td > rad 3 , cell 2 < /td > rad 3 , cell 3 < /td > < /tr > sidfot Innehåll < /td > < /tr > < /table > colspan attributet skapar en cell som sträcker sig över flera kolumner i tabellen . Detta attribut skapar inte ett sidhuvud och /eller sidfot rad per se , men det möjliggör enkel och effektiv placering av ett sidhuvud och en sidfot rad om dessa önskas . Tidigare: QBASIC Animation Tutorial nästa: Turbo Pascal Tutorial relaterade artiklar · Hur man styr en robot med MATLAB · Hur man kan koda Black & White i X264 · Hur skapa och använda en DataGrid · Hur man dödar en förfrågan i ColdFusion · Fördelar med Modularisering i programmering · Hur man skapar ett heltalsfält · Felsökning ett netto fel Framework Runtime · Hur att integrera med ColdFusion · Fördelar och nackdelar med att använda funktioner och… · Vad är beskrivningen av Kontroll & testprocessen i Val… Utvalda artiklarna · Hur man tar bort en Space Från en variabel i Javascrip… · Hur man driver en extern PHP -fil med Javascript · Hur skapar jag en enkel ränta kalkylator i Java · Hur öka History Size i Eclipse Console · Hur Stäng Word från en VBA Script · Hur Räkna ord i en sträng i Perl · Lägga till kontroller till Google Maps API · Användningen av Python Numeric.Arange funktion · Hur man skriver en ansökan Temperatur konvertering som… · Konvertera String till Long i PHP Copyright © Dator Kunskap http://www.dator.xyz