• 5.27前端学习第一天 ——html


    <!DOCTYPE html>         声明 html  
    <html>
    <head>            <!--定义网页中的一些基本的信息-->

    <meta charset="UTF-8">        !--charset   编码字符集-->

    <!--UTF-8 万国码
    gb2312   中国标准第2312条 中文,韩文....大部分的亚裔语言(繁体字不支持)
    GBK       在上面的基础之上扩展 可以支持繁体字
    unicode   使内存变大
    UTF-8-->

    <title>这是一个标题</title>
    </head>
    <body>
    <table border="1" cellpadding="20" cellspacing="0">
    <caption>
    <font color="crimson" size="3" />情况一览表</font>
    </caption>
    <tr align="center" ><b>
    <td>姓名</td>
    <td>性别</td>
    <td>年龄</td>
    <td rowspan="2"></td>
    </b></tr>
    <tr align="center">
    <td>张三</td>
    <td>男</td>
    <td>20</td>
    <!--<td></td>-->
    </tr >
    <tr align="center">
    <td>李四</td>
    <td colspan="2" rowspan="2">男</td>
    <!--<td >20</td>-->
    <td></td>
    </tr>
    <tr align="center">
    <td>翠花</td>
    <!--<td>女</td>-->
    <td>21</td>
    <td></td>
    </tr>
    <tr align="center">
    <td>如花</td>
    <td>女</td>
    <td>19</td>
    <td colspan="2"></td>
    <!--<td></td>-->
    </tr>
    <tr align="center">
    <td>菜花</td>
    <td>女</td>
    <td>19</td>
    <td></td>
    </tr>
    </table>
    </body>
    </html>

    补充:

    内标签(标记,元素,节点(js中的叫法))

    在一行中显示,只有当这一行显示不下的时候才会出现换行
    不能设置元素的宽和高,宽和高由内容来撑起来的
    行内块标签:在一行中显示,并且可以设置宽和高


    块级标签
    自己独占一行
    可以宽和高

    <!--cellpadding 这个是单元格里面的内容距离单元格边框的距离-->
    <!--cellspacing 这个是单元格与单元格之间的距离-->
    <!--一般情况下设置了这两个属性以后就不会去设置table的width和height-->

    !-- 注释的内容
    注释是给开发人员看的,不是给用户看的。在浏览器中,碰到注释会跳过,不会去解析他
    注释里面不要嵌套注释
    -->
    <!--注释的快捷键
    选择内容 ctrl+/

    <!--所有的连在一起的空格和换行都只会被解析成一个空格-->
    -->
    <!--转义字符
    &nbsp; 空格
    &lt; <
    &gt; >
    &copy; 版权符
    <br /> 单标签 表示换行

    <i>倾斜</i>
    <s>删除</s>
    <u>下划线</u>
    <b>加粗</b>

  • 相关阅读:
    CF1109D Sasha and Interesting Fact from Graph Theory 组合数
    和与或 数位dp
    G
    E. String Multiplication dp
    Obtain a Permutation 乱搞
    CF1061E Politics 费用流
    mysql连接报错
    编译安装nginx
    SQL四种语言:DDL,DML,DCL,TCL
    Linux 常用管理命令
  • 原文地址:https://www.cnblogs.com/awei313558148/p/10931962.html
Copyright © 2020-2023  润新知