zoukankan      html  css  js  c++  java
  • 07.23 课堂随笔 学习了相关的标签

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    </head>

    <body>
    <pre>
    html标签
    &lt;标签名 属性名1=属性值1 属性名2=属性值2&gt;
    内容
    &lt;/标签名&gt;

    标签的正确嵌套方式;
    &lt;标签名 属性名1="属性值1" 属性名2="属性值2"&gt;
    &lt;标签名&gt;
    内容值
    &lt;/标签名&gt;

    html注意:
    1. 所有的符号都是英文半角
    2. 先把标签写完整再写内容
    3.注意嵌套的缩进
    4.html不区分大小写 默认小写
    实体:&nbsp; &实体名称;

    table注意; tr代表 行 td代表 单元格 th代表 表头 caption代表 表格标题 table代表 表格
    1.表格默认宽度为内容宽度(width) 高度也为内容的高度(height)
    2.表格默认边框为0
    3.表格的宽度有两个值(数字[px],百分比[父标签])
    4.cellpadding表示内边距(单元格内容与边框的距离)
    5.cellspacing表示单元格的间距 默认值是2

    表格单元格等宽;
    利用表格横平竖直的的特性,设置某个单元格的宽高, 他所在的行列都和他等高等宽


    bgcolor代表背景颜色 border代表表格的边线

    align(水平方向) left
    数据靠左
    center 数据靠中
    right 数据靠右
    valign(垂直方向) top 数据靠上
    middle 数据靠中
    bottom 数据靠下

    合并单元格;是td的属性 通过占位实现
    colspan;横向合并(向右合并)
    rowspan;垂直合并(向下合并)
    这两个属性的属性值为数字,数字代表单元格的个数(包含自己)





    </pre>
    <table border="1px" width="100%;" height="300px;" cellspacing="2" cellpadding="10">
    <caption>张浩瞎练习</caption>
    <tr>
    <th width="30%;" height="50px;">姓名</th>
    <th width="70%;">年龄</th>
    </tr>
    <tr>
    <td valign="bottom">张臭臭表示内边距(单元格内容与边框的距离)</td>
    <td>20</td>
    </tr>
    </table>
    <!--
    <span style="display:inline-block;100px;height:200px;border:1px solidred;valign:middle">内容
    </span>
    -->

    <dl>
    <dt>定义名词</dt>
    <dt>定义描述</dt>
    </dl>
    </body>
    </html>

  • 相关阅读:
    linux tmux基本操作
    AJAX json集合传入Controller后台
    python 数据读取
    appium
    接口测试设计思路
    python 常用模块
    接口测试程序部分
    测试用例设计思路
    mock_待续
    网站收藏
  • 原文地址:https://www.cnblogs.com/ZDSGWXS233/p/11269105.html
Copyright © 2011-2022 走看看