只是规范性比较强可以不添加 thead tbody tfoot 最后上代码 !DOCTYPE htmlhtml lang
标签：
一.网页的图像插入网页的图像标签<img>此中有很多属性
<img src=http://www.mamicode.com/"" alt=http://www.mamicode.com/"图片掉效后提示语" title=http://www.mamicode.com/"标题" /> <!--网页图片插入-->
src=" "
用于添加图片的链接
alt = ""
当图片掉效的时候，，提示图片的信息
title = ""
图片的提示
二.网页的列表
有序列表
无序列表
自界说列表
<ol> <!--有序列表--> <li>张三</li> <li>李四</li> <li>王二</li> <li>李一</li> <li>张酒</li> <li>赵四</li> </ol>
<ul> <!--无序列表--> <li>张三</li> <li>李四</li> <li>王二</li> <li>李一</li> <li>张酒</li> <li>赵四</li> </ul>
<dl> <!--自界说列表--> <dt>Coffee</dt> <dd>black hot drink</dd> <dt>Milk</dt> <dd>white cold drink</dd> </dl>
三.网页的表格
网页表格的标签<table></table>，table标签下有多的标签
首先是<tr>,<tr>是行标签用来添加行,而每行都是由<td>构成
<table> <tr> <!--1行8列--> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> </table>
添加表头<th>和标题<caption>
<table cellspacing=http://www.mamicode.com/"0"> <caption>这是标题</caption> <!--添加标题--> <tr> <th colspan=http://www.mamicode.com/"8">这是表头</th> <!--添加表头--> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> </table>
剩下的就是一些语义标签,没有什么实际感化,只是规范性对照强可以不添加
<thead> <tbody> <tfoot>
最后上代码
<!DOCTYPE html> <html lang=http://www.mamicode.com/"en"> <head> <meta charset=http://www.mamicode.com/"UTF-8"> <title>这是个标题</title> <style> table{ background-color: #51ad51; border: 1px solid white; } table tr td{ width: 200px; height: 60px; text-align: center; color: antiquewhite; } .gray{ color: #c9c9c9; } </style> </head> <body> <table border=http://www.mamicode.com/"1px" cellspacing=http://www.mamicode.com/"0"> <tr> <th colspan=http://www.mamicode.com/"8">H5-1725学员介绍</th> </tr> <col width=http://www.mamicode.com/"100px" /> <tr> <td>您的台甫</td> <td colspan=http://www.mamicode.com/"2"></td> <td><strong>贵庚</strong></td> <td colspan=http://www.mamicode.com/"2"></td> <td rowspan=http://www.mamicode.com/"5" colspan=http://www.mamicode.com/"2" class=http://www.mamicode.com/"gray">请放下你最美的照片</td> </tr> <tr> <td>是否结业</td> <td colspan=http://www.mamicode.com/"2"></td> <td><strong>专业是啥</strong></td> <td colspan=http://www.mamicode.com/"2"></td> </tr> <tr> <td>大学名称</td> <td colspan=http://www.mamicode.com/"5"></td> </tr> <tr> <td>从事过事情</td> <td colspan=http://www.mamicode.com/"5"></td> </tr> <tr> <td>H5根本水平</td> <td colspan=http://www.mamicode.com/"5"></td> </tr> <tr> <td>自我性格描述</td> <td colspan=http://www.mamicode.com/"7"></td> </tr> <tr> <td rowspan=http://www.mamicode.com/"2">简述<br>1.方针规划<br>2.对H5疑问<br>3.建议</td> <td colspan=http://www.mamicode.com/"3"></td> <td colspan=http://www.mamicode.com/"4"></td> </tr> <tr> <td colspan=http://www.mamicode.com/"3"></td> <td colspan=http://www.mamicode.com/"4"></td> </tr> <tr class=http://www.mamicode.com/"gray"> <td colspan=http://www.mamicode.com/"8">欢迎来到H5-1723,"前端"值得你拥有</td> </tr> </table> </body> </html>
温馨提示: 本文由Jm博客推荐，转载请保留链接: https://www.jmwww.net/file/web/30541.html
![[转]Node.js中package.json中^和~的区别](/uploads/allimg/200519/054J34453_lit.png "[转]Node.js中package.json中^和~的区别")