• 常见标签


    标签 显示效果
    <b></b><strong></strong> 文字以粗体方式显示
    <i></i><em></em> 文字以斜体方式显示
    <s></s><del></del> 文字以加删除线的方式显示
    <u></u><ins></ins> 文字以加下滑线的方式显示

    img标签

    属性 属性值 描述
    src url 图片的路径
    alt 文本 图像不能显示时替换的文本
    title 文本 鼠标悬停时显示的文本
    width 像素 设置图片的宽度
    height 像素 设置图片的高度
    border 数字 设置图像的宽度

    链接标签

    • href: 链接地址
    • target:
      • self:当前页
      • blank:另起空白页

    无序列表

    <ul>
        <li>alex</li>
        <li>bob</li>
        <li>cu</li>
        <li>dade</li>
    </ul>
    

    有序列表

    <ol>
        <li>美国</li>
        <li>英国</li>
        <li>中国</li>
        <li>俄罗斯</li>
    </ol>
    

    自定义列表

    <dl>
        <dt>浙江</dt>
        <dd>杭州</dd>
        <dd>宁波</dd>
        <dd>温州</dd>
    </dl> 
    

    table标签

    属性 含义 常用属性值
    boder 设置表格的边框 像素值
    cellspacing 设置单元格与单元格边框之间的空白距离 像素值(默认为2)
    cellpadding 设置单元格内容与单元格边框之间的空白间距 像素值(默认为1)
    width 设置表格的宽度 像素值
    height 设置表格的高度 像素值
    align 设置表格在网页中的水平对齐方式 left、center、right
    <table border="1" cellpadding="1" cellspacing="1" width="500" align="center">
        <!--    设置标题-->
        <caption>小说排行榜</caption>
        <!--    表标题-->
        <thead>
        <tr>
            <th>排名</th>
            <th>关键词</th>
            <th>趋势</th>
            <th>今日搜索</th>
            <th>排名</th>
            <th>最近七日</th>
            <th>相关链接</th>
        </tr>
        <!--    表主题-->
        </thead>
        <tbody>
        <tr>
            <td>1</td>
            <td>hello</td>
            <td>|</td>
            <td>321</td>
            <td>111</td>
            <td>236</td>
            <td>
                <a href="#">百度</a>
                <a href="#">新浪</a>
            </td>
        </tr>
        <tr>
            <td>1</td>
            <td>world</td>
            <td>|</td>
            <td>321</td>
            <td>111</td>
            <td>236</td>
            <td>
                <a href="#">百度</a>
                <a href="#">新浪</a>
            </td>
        </tr>
        <tr>
            <td>1</td>
            合并行
            <td rowspan="2">world</td>
            <td>|</td>
            <td>321</td>
            <td>785</td>
            <td>236</td>
            <td>
                <a href="#">百度</a>
                <a href="#">新浪</a>
            </td>
        </tr>
        <tr>
            <td>1</td>
            <td>|</td>
            合并列
            <td colspan="2">321</td>
            <td>236</td>
            <td>
                <a href="#">百度</a>
                <a href="#">新浪</a>
            </td>
        </tr>
        </tbody>
    
    </table>
    
  • 相关阅读:
    postgresql小纪
    Java的大内存分页支持
    GCViewer / MAT
    js给数组去重写法
    解决mybatis foreach 错误: Parameter '__frch_item_0' not found
    JSON字符串和JS对象之间的转换
    使用IntelliJ IDEA搭建多maven模块JAVA项目
    jstl中的sql:query标签获取的结果如何格式化输出
    Label控件如何根据字符串自定义大小
    winform/窗体鼠标事件编程中的几个问题
  • 原文地址:https://www.cnblogs.com/ivy-blogs/p/11876694.html
Copyright © 2020-2023  润新知