zoukankan      html  css  js  c++  java
  • 关于新手html的认识 以及对table的基本用法

    1.html语言
    <!DOCTYPE html> 声明html

    <!--双标签-->
    <!--<html 属性名="属性值 " 属性名2="属性值2"></html>
    <html>
    <head> </head>
    </html>-->
    <!--单标签-->
    <!--<meta 属性名="属性值 " 属性名2="属性值2"/>-->


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

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

    注释的快捷键
    选择内容 ctrl+/


    所有的连在一起的空格和换行都只会被解析成一个空格

    --转义字符
    &nbsp; 空格
    &lt; <
    &gt; >
    &copy; 版权符

    <br /> 单标签 表示换行

    行内标签(标记,元素,节点(js中的叫法))
    在一行中显示,只有当这一行显示不下的时候才会出现换行
    不能设置元素的宽和高,宽和高由内容来撑起来的
    行内块标签:在一行中显示,并且可以设置宽和高
    <font color="green" size="7">文字标签</font> :对字体进行相关设置、color属性表示颜色、size属性表示大小。

    <i>:斜体字标签
    <s>:删除线标签
    <u>:下滑线标签
    <b>:加粗标签


    块级标签
    自己独占一行
    可以宽和高
    <div>:表示设置板块的标签
    <p>:表示段落的标签

    什么是table标签?
    table标签在html语言中代表的是表格
    <table> 标签支持 HTML 中的全局属性。

    1.table的属性
    border="n"属性:是对表格中的边框的粗糙进行设置,n代表的是粗细。
    witdth="700px" :表示单元格的宽度
    height="500" :表示单元格的高度
    align="center" :表示对齐方式,center表示居中对齐
    <table border="1px" width="700px" height="500px" align="center">
    这句话表示的是表格中的边框粗细为1 宽700 高500 居中对齐
    2.table中的标签
    <caption>我的标题</caption>:表示的是表格中的标题的标签
    <tr>:表示行标签
    <td>:表示列标签
    <p>:段落标签
    <ul>:列表标签
    <li>:列表标签
    <table border="1">
    <tr>
    <td>
    <p>这是一个段落。</p>
    <p>这是另一个段落。</p>
    </td>
    <td>这个单元包含一个表格:
    <table border="1">
    <tr>
    <td>A</td>
    <td>B</td>
    </tr>
    <tr>
    <td>C</td>
    <td>D</td>
    </tr>
    </table>
    </td>
    </tr>
    <tr>
    <td>这个单元包含一个列表:
    <ul>
    <li>苹果</li>
    <li>香蕉</li>
    <li>菠萝</li>
    </ul>
    </td>
    <td>HELLO</td>
    </tr>
    </table>


    3.table中标签的属性设置

    <table border="1px" width="300px" height="200px">
    <caption>nine</caption>
    <tbody>
    <tr align="center">
    <td colspan="2">姓名</td>

    <!--colspan="n" 表示跨列合并单元格,n表示跨的行数-->
    <!--<td>年龄</td>-->
    <td rowspan="2">身高</td>
    <!--rowspan="n" 表示跨行合并单元格,n表示跨的行数-->

    <td>体重</td>
    </tr>
    <tr align="center">
    <!--align="center" align表示对齐属性,center表示居中对齐,left表示居左对齐,right表示居右对齐-->
    <td>11</td>
    <td>22</td>
    <td>33</td>
    <td>44</td>
    </tr>
    </tbody>
    </table>
    </body>

  • 相关阅读:
    The type android.support.v4.app.TaskStackBuilder$SupportParentable cannot be resolved.
    Errors running builder 'Android Pre Compiler' on project
    Android SDK Version 对应的 rom 版本
    随手记Note—团队总结汇报
    第四次团队作业
    随手记note(第三次团队作业)
    随手记note(第二次团队作业)
    随手记note(记事簿)
    小学生四则运算生成器
    软件工程结对编程作业
  • 原文地址:https://www.cnblogs.com/Godfather-twq/p/10932027.html
Copyright © 2011-2022 走看看