首页 > Web开发 > 详细

html

时间:2019-05-28 16:30:33      阅读:156      评论:0      收藏:0      [点我收藏+]

 

 

1、快捷使用tab pycharm编辑html:

技术分享图片

tr*3 +tab键 多行

head+tab 键单行  <head></head>

2、table表格

<html>
<head></head>
<table>
    <tr>
        <td>id</td>
        <td>姓名</td>
        <td>性别</td>
    </tr>
    <tr>
        <td>1</td>
        <td>小马过河</td>
        <td>男</td>
    </tr>
    <tr>
        <td>2</td>
        <td>小郭吹雪</td>
        <td>女</td>
    </tr>
</table>
</html>

技术分享图片

 将表格添加边框 border: <table border="1">

技术分享图片

去掉表格间隙添加属性 cellspacing      <table border="1" cellspacing="0">

 技术分享图片

 调整表格宽度 width:  <table border="1" cellspacing="0" width="400">

技术分享图片

还可以调整宽度按百分比,这里演示100%: <table border="1" cellspacing="0" width="100%">

技术分享图片

 淘宝所有订单中的表格使用场景案例:   表格每个单元可以放链接,图片,文字等等

技术分享图片

技术分享图片

 

html

原文:https://www.cnblogs.com/machangwei-8/p/10937968.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!