Technology sharing

[Introductio ad HTML] Lectio 10 - Tabula, id est, tabula tag

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

In hac sectione de tabulis loquimur in HTML. Exempli gratia, saepe videmus tabellas discipulorum renuntiationes, ut cellam cellam praestantem per cellam.

Nomen mensae pittacium est mensa 。

Tabula contentorum

1 Quidam sub-tags in mensa

1,1 Header area

1.2 Tabula contentus area

1.3 ordines et columnae

2 Paulo usu

2.1 Fac simplex transcript

2.2 addere lineas fines

2.3 Cross-row

2.4 Transgressus columnas

1 Quidam sub-tags in mensa

1,1 Header area

Exempli gratia in transcripto in summo capite debet essediscipulus ID、discipulus nomen eius、suject、score、Altiore effectusHos agros ius.

Hi agri in mensa caput collocabuntur, quod theatrum requirit.

1.2 Tabula contentus area

Tum mensa contenta area ampliore notitia indiget. Pro exemplo, discipulus numerus est 001, nomen Zhang San, subiectum est mathematica, et score LXXX. alia sunt, quae de rebus adjiciunt, vox?

Haec contenta in tabula contenti area ponentur, quae tag corpus requirit.

1.3 ordines et columnae

Tabulae in ordines et ordines dividuntur, et deinde in columnas et columnas secantur.

Praeterea, nota;Ordines columnas continent, hoc sciendum est。

In row pittacium nomen est tr*  。

Cellula pittacium in header est th* , Cella pittacium mensae corporis area est "td* 。

2 Paulo usu

2.1 Fac simplex transcript

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <title>我的第一个网页</title>
  6.         <style type="text/css">
  7.             
  8.         </style>
  9.     </head>
  10.     <body>
  11.         <table>
  12.             <thead>
  13.                 <tr>
  14.                     <th>学号</th>
  15.                     <th>姓名</th>
  16.                     <th>语文成绩</th>
  17.                     <th>数学成绩</th>
  18.                     <th>HTML成绩</th>
  19.                     <th>总成绩</th>
  20.                 </tr>
  21.             </thead>
  22.             <tbody>
  23.                 <tr>
  24.                     <td>1</td>
  25.                     <td>张三</td>
  26.                     <td>80</td>
  27.                     <td>90</td>
  28.                     <td>96</td>
  29.                     <td>266</td>
  30.                 </tr>
  31.                 <tr>
  32.                     <td>2</td>
  33.                     <td>李四</td>
  34.                     <td>71</td>
  35.                     <td>80</td>
  36.                     <td>100</td>
  37.                     <td>251</td>
  38.                 </tr>
  39.             </tbody>
  40.         </table>
  41.     </body>
  42. </html>

2.2 addere lineas fines

Ostentatio haec est aliquid nuntius, ideo additamenta linearum linearum tabulam meliorem speciem facit.Unum addere potesborder="1" Nam attributa loca, codicem infra vide, et paginam inde retrahe ut videas si multo melius inspiciatur.

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <title>我的第一个网页</title>
  6.         <style type="text/css">
  7.             
  8.         </style>
  9.     </head>
  10.     <body>
  11.         <table border="1">
  12.             <thead>
  13.                 <tr>
  14.                     <th>学号</th>
  15.                     <th>姓名</th>
  16.                     <th>语文成绩</th>
  17.                     <th>数学成绩</th>
  18.                     <th>HTML成绩</th>
  19.                     <th>总成绩</th>
  20.                 </tr>
  21.             </thead>
  22.             <tbody>
  23.                 <tr>
  24.                     <td>1</td>
  25.                     <td>张三</td>
  26.                     <td>80</td>
  27.                     <td>90</td>
  28.                     <td>96</td>
  29.                     <td>266</td>
  30.                 </tr>
  31.                 <tr>
  32.                     <td>2</td>
  33.                     <td>李四</td>
  34.                     <td>71</td>
  35.                     <td>80</td>
  36.                     <td>100</td>
  37.                     <td>251</td>
  38.                 </tr>
  39.             </tbody>
  40.         </table>
  41.     </body>
  42. </html>

2.3 Cross-row

Scilicet, potest etiam creare crucis-ordo propono.

Adde classis II, cum Wang Wu et Zhao Liu in classe, et occupant magnum ordinem, ut classis 2 duos ordines parvos habeat.

Quid hic apponi oporteat? rowspan ATTRIBUERE.

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <title>我的第一个网页</title>
  6.         <style type="text/css">
  7.             
  8.         </style>
  9.     </head>
  10.     <body>
  11.         <table border="1">
  12.             <thead>
  13.                 <tr>
  14.                     <th>学号</th>
  15.                     <th>班级</th>
  16.                     <th>姓名</th>
  17.                 </tr>
  18.             </thead>
  19.             <tbody>
  20.                 <tr>
  21.                     <td>1</td>
  22.                     <td rowspan="2">1班</td>
  23.                     <td>张三</td>
  24.                 </tr>
  25.                 <tr>
  26.                     <td>2</td>
  27.                     <td>李四</td>
  28.                 </tr>
  29.                 <tr>
  30.                     <td>3</td>
  31.                     <td rowspan="2">2班</td>
  32.                     <td>王五</td>
  33.                 </tr>
  34.                 <tr>
  35.                     <td>4</td>
  36.                     <td>赵六</td>
  37.                 </tr>
  38.             </tbody>
  39.         </table>
  40.     </body>
  41. </html>

Ad codicem superius spectamus, porticus attributum pro cellula td ponimus, et tunc etiam est secunda cellula classis 1, ut idem codicem td addere non oporteat.

2.4 Transgressus columnas

Columnae transversales ad plures columnas easdem notas refert, ut una columna notitias satis ostendat. Quemadmodum transitus versuum modo nunc est, propositum non est ut utrumque Zhang San et Li Si in Classis I sint, ita ad vitandum superuacua ostentationem, quia omnia eadem indicia attributa sunt, utraque Classis I, ut ita. proponere Classis I, modo transire in versu sat.

Transgressus columnas significat bus aliquot simul columnas. Sit exemplum.

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <title>我的第一个网页</title>
  6.         <style type="text/css">
  7.             
  8.         </style>
  9.     </head>
  10.     <body>
  11.         <table border="1">
  12.             <thead>
  13.                 <tr>
  14.                     <th>学号</th>
  15.                     <th>班级</th>
  16.                     <th>姓名</th>
  17.                     <th>成绩</th>
  18.                 </tr>
  19.             </thead>
  20.             <tbody>
  21.                 <tr>
  22.                     <td>1</td>
  23.                     <td rowspan="2">1班</td>
  24.                     <td>张三</td>
  25.                     <td>90</td>
  26.                 </tr>
  27.                 <tr>
  28.                     <td>2</td>
  29.                     <td>李四</td>
  30.                     <td>80</td>
  31.                 </tr>
  32.                 <tr>
  33.                     <td colspan="4">1班总人数：2，总成绩：170</td>
  34.                 </tr>
  35.                 <tr>
  36.                     <td>3</td>
  37.                     <td rowspan="2">2班</td>
  38.                     <td>王五</td>
  39.                     <td>70</td>
  40.                 </tr>
  41.                 <tr>
  42.                     <td>4</td>
  43.                     <td>赵六</td>
  44.                     <td>100</td>
  45.                 </tr>
  46.                 <tr>
  47.                     <td>4</td>
  48.                     <td>冯七</td>
  49.                     <td>75</td>
  50.                 </tr>
  51.                 <tr>
  52.                     <td colspan="4">2班总人数：3，总成绩：245</td>
  53.                 </tr>
  54.             </tbody>
  55.         </table>
  56.     </body>
  57. </html>

Haha, codicem superius;Profecto effectum huius screenshots consequi non possum., si codicem nancisceris et dubitationem inveneris, mementodice mihio.

Personal profile

technologiae technologiae plus quam 30 annos operam dedit et in variis linguis proficit ut java, linux, javascript, php, css, etc. Multas contributiones in aperto fonte campo fecit elit documentorum statione ad communicandas quaestiones technologiarum progressus ad futuram referentiam

mihi contactus notitia

Mail