wed前端学习笔记2
em元素：强调的语义，往往以斜体的形式出现而i元素仅仅表示斜体
del元素和ins元素：
<p><del>1949la.com</del>变成<ins>xiaoxiaola.com.cn</ins></p>
s元素：出现删除线和del元素不一样，s元素划掉错误的内容，看例子
<p><s>猪会飞</s></p>
u元素：英语单词和汉语中的专有名词标下划线，例子
<p><u>猪会飞</u></p>
mark元素：标记文本的作用
<p><mark>猪</mark>会<mark>飞</mark></p>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>学习笔记2</title> <link rel="icon" type="imge/x-icon" href="xin.png"> <style type="text/css"> body{ background-image:url("xin.png"); background-size:2000px 800px; } table{ border:1px solid black; border-collapse:collapse;<!--使平行两条线合并--> } th{ border:1px solid black; padding:5px;<!--调整单元格的内边距--> } td{ border:1px solid black; padding:5px; } caption{padding :1px;} thead th{ background:grey; } tbody th{ background:lightgrey; } </style> </head> <body> <p><del>1949la.com</del>变成<ins>xiaoxiaola.com.cn</ins></p> <p><mark>猪</mark>会<mark>飞</mark></p> <p><small>妹子妹子</small></p> <ul> <li>猪</li> <li>虎</li> <li>鸡</li> </ul> <ol> <li>猪</li> <li>虎</li> <li>鸡</li> </ol> <dl> <dt>1949la.com</dt> <dd>小小</dd> </dl> <!--表格--> <table> <caption>自我介绍表</caption><!--给表格增加标题，并且caption元素必须紧挨着table--> <thead> <tr> <th>姓名</th> <th>年龄</th> </tr> </thead> <tbody> <tr> <th>小小</th> <td>22</td> </tr> <tr> <th>小</th> <td>20</td> </tr> </tbody> <tfoot> <tr><!----> <td colspan="2">风速达到v率</td><!--colspan设置单元格横跨的列数--> </tr> </tfoot> </table> <!--表单--> <form action="heollow.php" method="post"> 名字：<input type="text" name="name"> <br> 邮箱：<input type="text" name="email"><br> <button type="submit" >提交</button> </form> </body> </html>微信扫码关注
更新实时通知