Kā Uzzīmēt Tabulu HTML

Satura rādītājs:

Kā Uzzīmēt Tabulu HTML
Kā Uzzīmēt Tabulu HTML

Video: Kā Uzzīmēt Tabulu HTML

Video: Kā Uzzīmēt Tabulu HTML
Video: Рисуем и анимируем svg-иконку в вебе | HTML, CSS 2024, Novembris
Anonim

HTML ir lapu iezīmēšanas valoda, ko var izmantot vietņu mitināšanai internetā. Šajā gadījumā dokumenta formatēšanai tiek izmantoti tagi - apraksta elementi.

Kā uzzīmēt tabulu HTML
Kā uzzīmēt tabulu HTML

Nepieciešams

  • - dators;
  • - programma "Notepad";
  • - prasmes darbā ar HTML.

Instrukcijas

1. solis

Atveriet savu lapu, kur vēlaties pievienot tabulu HTML formātā, izmantojot Notepad. Lai to izdarītu, ar peles labo pogu noklikšķiniet uz faila, lai atvērtu konteksta izvēlni, atlasiet opciju "Atvērt ar". Body tagā atlasiet vietu, lai vietnei pievienotu tabulu.

2. solis

Izmantojiet tagu…, lai tabulu ievietotu HTML formātā. Šis ir galvenais tags, kas raksturo tabulu. Visiem tā elementiem jāatrodas starp sākuma un aizvēršanas tagiem. Pēc noklusējuma tabula tiek izveidota bez atdalītājiem un apmalēm. Pēc vajadzības pievienojiet apmali, izmantojot atribūtu Border. Lai to izdarītu, ievietojiet to tabulas tagā un pievienojiet skaitlisko vērtību apmales platumam, piemēram, tabulai rindu. Lai to izdarītu, izmantojiet tagu …, līniju skaitu nosaka tā pāru skaits. Pievienojiet šūnas aprakstu, izmantojot tagu…. Šūnu ievietojiet tikai rindas tagā, pievienojiet tai kolonnas (kolonnas) numuru, kurā tā ir ievietota.

4. solis

Teksta atrašanās vieta šūnā tiek noteikta, izmantojot atribūtus Aligh (pa kreisi, pa labi, pa centru) - nosaka teksta izvietojumu horizontāli, un Valign (vidus, apakšā, augšā) - nosaka datu izvietojumu šūnā vertikāli. Šo aprakstu var pievienot gan atsevišķai šūnai, gan visai rindai.

5. solis

Izmantojiet atribūtu Colspan, lai sapludinātu šūnas horizontāli un Rowspan vertikāli. Tabulas koda piemērs: “Tabulas nosaukums” “Apvienotās rindas nosaukums” “Pirmās kolonnas nosaukums” “Otrās kolonnas nosaukums” “Otrā rinda” “Otrās rindas otrā šūna” “Otrās trešā šūna rinda”.

Ieteicams: