gushelom.ru

Hur man skapar ett bord i HTML

Att skapa ett bord i HTML kan vara svårt, men genom att följa stegen som anges i den här artikeln lär du dig att skapa en för din webbplats.

steg

Bildtiteln Kursisera text i HTML steg 1
1
Öppna ett enkelt textprogram som Anteckningar eller WordPad på Windows eller, i en Mac, TextEdit.
  • Bildnamn Skapa ett bord i HTML-kod Steg 2
    2
    Skriv in all text som du vill visas före bordet.
  • 3
    Ange HTML-taggen att säga att du vill börja bygga ditt bord (det är öppningstaggen).


    Bildnamn Skapa ett bord i HTML-kod Steg 3
  • 4
    Tryck på Enter.

    Bildnamn Skapa ett bord i HTML-kod Steg 4
  • Bildnamn Skapa ett bord i HTML-kod Steg 5
    5
    skriva för att starta en rad (det här är startlinjens tagg).
  • 6
    Kom ihåg att bygga alla följande element från vänster till höger.
  • Bildnamn Skapa ett bord i HTML-kod Steg 7
    7
    Tryck på Enter.
  • Bildnamn Skapa ett bord i HTML-kod Steg 8
    8
    Skriv taggen på att börja konstruera linjen med etiketterna som skiljer kolumnerna i ditt bord.
  • Bildnamn Skapa ett bord i HTML-kod Steg 9
    9
    Skriv namnet du vill ge till den första kolumnens etikett.
  • Bildnamn Skapa ett bord i HTML-kod Steg 10
    10
    Skriv för att stänga taggen med kolumniketterna.
  • Bildnamn Skapa ett bord i HTML-kod Steg 11
    11
    Tryck på Enter.
  • Bildnamn Skapa ett bord i HTML-kod Steg 12
    12
    Upprepa det här steget för att infoga alla kolumnetiketterna, kom ihåg att kolumnerna och deras etiketter skapas från vänster till höger.
  • Bildnamn Skapa ett bord i HTML-kod Steg 13
    13
    Stäng linjen genom att skriva stängningskoden.
  • Bildnamn Skapa ett bord i HTML-kod Steg 14
    14
    Tryck på Enter.
  • Bildnamn Skapa ett bord i HTML-kod Steg 15
    15
    Starta en ny rad genom att skriva, än en gång, öppningsmärket på linjen .
  • Bildnamn Skapa ett bord i HTML-kod Steg 16
    16
    Tryck på Enter.
  • Bildnamn Skapa ett bord i HTML-kod Steg 17
    17
    skriva att börja skriva in data i din tabell.
  • Bildnamn Skapa ett bord i HTML-kod Steg 18
    18
    Skriv in de data du vill ange.
  • 19
    Kom ihåg att, som tidigare, vad du lägger in kommer att visas i ditt bord från vänster till höger.
  • Bildnamn Skapa ett bord i HTML-kod Steg 20
    20
    När du är färdig med att mata in data stänger du "Din bords cell med a.
  • 21
    Upprepa detta för varje cell du vill skapa.
  • Om det finns celler utan innehåll, skriv bara och med ingenting i mitten.
    Bildnamn Skapa ett bord i HTML-kod Steg 21Bullet1
  • Bildnamn Skapa ett bord i HTML-kod Steg 22
    22
    Stäng linjen med taggen.
  • Bildnamn Skapa ett bord i HTML-kod Steg 23
    23
    Upprepa dessa steg för varje rad du vill skapa genom att skriva in och och innehållet i raderna tills ditt bord är klart.
  • Bildnamn Skapa ett bord i HTML-kod Steg 24
    24
    Stäng bordet med taggen.
  • Bildnamn Skapa ett bord i HTML-kod Steg 25
    25
    Fortsätt skriva HTML för resten av din sida.
  • tips

    • Skapa re-entries för varje rad så att du kan läsa din kod bättre.

    varningar

    • Om du av misstag skapa alltför många kolumner utan en rubrik du ser dem visas i varje enskilt fall, men tabellen kommer att verka konstigt och en allmän läsaren förstår vad de kallar din information.
    • Att skapa ett bord i HTML kan vara svårt, så gör lite träning med befintliga tabeller, kolla deras koder och ersätt dem sedan med den HTML du skapade.
    • Det skulle vara bättre att låta tabellerna och deras koder hanteras av någon som känner till HTML, men om du följde stegen som anges här kan du överväga minst en nybörjare.
    Dela på sociala nätverk:

    Relaterade
    Så här centrerar du text i HTMLSå här centrerar du text i HTML
    Så här tilldelar du en titel till profilen för din Tumblr-profilSå här tilldelar du en titel till profilen för din Tumblr-profil
    Hur man skapar HTML-formulärHur man skapar HTML-formulär
    Så här skapar du en hyperlänk i HTMLSå här skapar du en hyperlänk i HTML
    Så här skapar du ett stilark (CSS)Så här skapar du ett stilark (CSS)
    Så här skapar du en HTML-blankett som kan skickas till en e-postadressSå här skapar du en HTML-blankett som kan skickas till en e-postadress
    Så här lägger du till en jаvascript på din webbplats Använd HTML-kodenSå här lägger du till en jаvascript på din webbplats Använd HTML-koden
    Så här lägger du till en länk till en bildSå här lägger du till en länk till en bild
    Så här centrerar du en bild med hjälp av HTML-kodenSå här centrerar du en bild med hjälp av HTML-koden
    Så här skapar du en expanderande lista i HTML utan JavaSå här skapar du en expanderande lista i HTML utan Java
    » » Hur man skapar ett bord i HTML

    © 2011—2021 gushelom.ru