ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

特殊符号和表格标签

2019-11-19 21:53:10  阅读:272  来源: 互联网

标签:网页 大于号 表格 标签 td 特殊符号


一、 特殊符号

在我们编辑前端的时候,我们需要使用到一些特殊符号,因为这些符号(比如大于号,小于号等)通过html代码写上前端无法在网页上显现,我们如果想要让它们在网页上显现出来,那么就需要用到特殊符号。

比如:a>b  这个大于号在网页上显示不出来,这样我们需要用到特殊符号
    <!--特殊符号的格式  &开头;结尾-->
    <!--大于号和小于号-->
    <!--小于号-->
    &lt;
    <!--大于号-->
    &gt;

    <!--字符空-->
    <!--用户名<br>-->
    <!--密码-->这样没有对齐在网页上不美观
    <!--那么我们需要用到字符空格符号-->
    用户名
    密&emsp;码

    <!--空格宽-->
    <!--这和字符宽不一样-->
    &nbsp;

二、 表格标签

在以前,我们的web只有浏览功能,不需要注册、登录等功能,所以表格标签就已经能够满足当时的需求,但是随着互联网的发展,表格标签就无法满足需求了,现在这样的表格标签只用来显示一些基本数据。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格标签</title>
    <style>
        /*这里需要给th加上样式,不加则没有格线*/
        td,th{
            border:1px solid black;
            width:50px;
        }
    </style>
</head>
<body>
    <!--用来显示一些基本的数据,表格标签在没有加上样式的时候,在浏览器中是没有表格线的-->
    <table style="border-collapse:collapse">
        <!--内部的标签-->
        <!--表格的标题-->
        <caption>表格名</caption>
        <!--thead>tr>td*3   表头有一行,一行有三个单元格-->
        <thead>
        <tr>
            <!--<td>名字</td>-->
            <!--<td>年龄</td>-->
            <!--<td>爱好</td>-->
            <!--换成表格头部专用的标签,可以自动加粗-->
            <th>名字</th>
            <th>年龄</th>
            <th>爱好</th>
        </tr>
        </thead>
        <!--tbody>tr*3>td*3  表格有三行,每一行有三个单元格-->
        <tbody>
        <tr>
            <!--同一行的单元格合并:colspan  删除不需要的,3代表单元格的数量-->
            <td colspan="3">1</td>
            <!--<td>2</td>-->
            <!--<td>3</td>-->
        </tr>
        <tr>
            <!--同一列的单元格合并:rowspan   删除不需要的,2代表单元格的数量-->
            <td rowspan="2">4</td>
            <td>5</td>
            <td>6</td>
        </tr>
        <tr>
            <!--<td>7</td>-->
            <td>8</td>
            <td>9</td>
        </tr>
        </tbody>
    </table>
</body>
</html>



 

 

 

用来显示一些基本的数据

标签:网页,大于号,表格,标签,td,特殊符号
来源: https://www.cnblogs.com/zgzeng/p/11892660.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有