Community
Learn
Tools Library
AI Tools
Leisure
search
English
Home > List of blog posts > markdown和emmet
Blogger Information
Blog 21
fans 0
comment 0
visits 9402
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
markdown和emmet
P粉116103988
Original
277 people have browsed it

1.markdown 语法

用markdown 做一个表格

id name age sex iphone
1 唐僧 35 男 13008888000
2 悟空 32 男 13008888001
3 嫦娥 18 女 13008888002
4 猪刚烈 48 男 13008888003

2.emmet 语法

用emmet 建立一个5行8列的表格

table>caption{title}>(thead>tr>th{title$}8)+(tobody>tr5>td(item$)*8)

  1. <style>
  2. table{
  3.     border-collapse:collapse;
  4.     border:1px solid #000;
  5. }
  6. table th,table td{
  7.     border: 1px solid #000;
  8.     padding: 5px;;
  9. }
  10. table th{
  11.     background-color: aqua;
  12. }
  13. </style>
  14. <body>
  15.     <table>
  16.         <caption>作业：创建一个5行8列的表格
  17.             <thead>
  18.                 <tr>
  19.                     <th>title1</th>
  20.                     <th>title2</th>
  21.                     <th>title3</th>
  22.                     <th>title4</th>
  23.                     <th>title5</th>
  24.                     <th>title6</th>
  25.                     <th>title7</th>
  26.                     <th>title8</th>
  27.                 </tr>
  28.             </thead>
  29.             <tbody>
  30.                 <tr>
  31.                     <td>item1</td>
  32.                     <td>item2</td>
  33.                     <td>item3</td>
  34.                     <td>item4</td>
  35.                     <td>item5</td>
  36.                     <td>item6</td>
  37.                     <td>item7</td>
  38.                     <td>item8</td>
  39.                 </tr>
  40.                 <tr>
  41.                     <td>item1</td>
  42.                     <td>item2</td>
  43.                     <td>item3</td>
  44.                     <td>item4</td>
  45.                     <td>item5</td>
  46.                     <td>item6</td>
  47.                     <td>item7</td>
  48.                     <td>item8</td>
  49.                 </tr>
  50.                 <tr>
  51.                     <td>item1</td>
  52.                     <td>item2</td>
  53.                     <td>item3</td>
  54.                     <td>item4</td>
  55.                     <td>item5</td>
  56.                     <td>item6</td>
  57.                     <td>item7</td>
  58.                     <td>item8</td>
  59.                 </tr>
  60.                 <tr>
  61.                     <td>item1</td>
  62.                     <td>item2</td>
  63.                     <td>item3</td>
  64.                     <td>item4</td>
  65.                     <td>item5</td>
  66.                     <td>item6</td>
  67.                     <td>item7</td>
  68.                     <td>item8</td>
  69.                 </tr>
  70.                 <tr>
  71.                     <td>item1</td>
  72.                     <td>item2</td>
  73.                     <td>item3</td>
  74.                     <td>item4</td>
  75.                     <td>item5</td>
  76.                     <td>item6</td>
  77.                     <td>item7</td>
  78.                     <td>item8</td>
  79.                 </tr>
  80.             </tbody>
  81.         </caption>
  82.     </table>
  83. </body>
Correcting teacher：PHPzPHPz

Correction status：qualified

Teacher's comments：
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post