zoukankan      html  css  js  c++  java
  • php前端基础学习12.19

    一、列表

    有序列表:<ol type="符号类型"><li>列表1</li><li>列表2</li>

                      </ol>

    无序列表:<ul type="符号类型"><li>列表1</li><li>列表2</li>

                      </ul>

    定义列表:<dl>

          <dt></dt> 

               <dd></dd>

          </dl>  

    二、表格

    基础结构:

    <table border"1" width="100" border="1" cellspadding="0" cellspacing"1">
    <tr>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td></td>
    <td></td>
    </tr>
    </table>

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

    知识点:
    表格1像素的分割
    1、把border设为0
    2、把table背景设为边框的颜色
    3、把cellspacing设为1
    4、把td的背景设为正常显示的颜色

    表格单元格等宽
    利用表格横平竖直的特性,设置某个单元格宽高
    合并单元格:是td的属性 通过 <b> 占位</b> 实现
    colspan:横向合并(向右合并)
    rowspan:垂直合并(向下合并)
    这两个是属性的属性值为数字,数字代表合并单元格个数(包含自己)

    案例:

    <table border="1" width="50%" height="1" cellpadding="0" cellspacing="0">
    <th colspan="6">这是一个表格</th>
    <tr>
    <td bgcolor="white">姓名</td>
    <td bgcolor="white">&nbsp;</td>
    <td bgcolor="white">性别</td>
    <td bgcolor="white">&nbsp;</td>
    <td bgcolor="white"colspan="2" rowspan="3" width="100"></td>
    </tr>
    <tr>
    <td bgcolor="white">年龄</td>
    <td bgcolor="white">&nbsp;</td>
    <td bgcolor="white">学历</td>
    <td bgcolor="white">&nbsp;</td>
    </tr>
    <tr>
    <td bgcolor="white">地址</td>
    <td bgcolor="white" colspan="3"></td>
    </tr>
    </table>

    路径:
    绝对路径:从根开始找
    相对路径:相对自身的位置
    /代表根 window 盘符
    ../代表上级目录
    ./代表同级目录(自身位置 可以省略)

    三、图片

    <img src="路径" alt="图片替代文字" title=“悬浮提示框” width="宽度" height="高度"
    <img src="../../../lib/video/表单。png"width="300"

    案例:

    <tr>
    <td alalign="center">姓名</td>
    <td>张1</td>
    <td>性别</td>
    <td>男</td>
    <td align="center" colspan="2" rowspan="3" ><img src="大学生头像1" width="100" height="100" </td>
    <td><a href="../张1简历.rar">下载</a></td>
    </tr>

    四、a标签(超链接)

    a标签功能:
    1、页面跳转 href里面写#跳转到本页(刷新)
    2、锚链接(定位)
    创建标记 1.<a name="标记值"></a>
    2.附近标签的id属性 然后定位到标记:
    1、本页定位:<a href="#标记值" ></a>
    2、其他页定位:<a href="路径#标记值">跳转到index.html</a>

    3、下载:

    <a href="../路径压缩包"></a>
    下载的文件要压缩成压缩包

    案例:

    <th><a href= "12.19.html">返回列表首页</a>

    </th>

     

           

  • 相关阅读:
    模型评估方法
    欠拟合、过拟合、偏差、方差
    机器学习基本概念
    Hive 的基本概念
    Flume的Channel
    Flume的Sink
    Flume的Source
    Flume 安装和配置
    Flume的基本概念
    BIO & NIO & NIO常见框架
  • 原文地址:https://www.cnblogs.com/sc1314-1218/p/8068210.html
Copyright © 2011-2022 走看看