• 关于新手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>
  • 相关阅读:
    DSP Builder设计一个滤波器
    Modelsim 10.0 对Altera FFT IP 进行仿真
    FPGA内部计算小数
    TIOBE 2012年3月编程语言排行榜:JS超越Perl和Python
    转载 10个新鲜的Ajax相关的jQuery插件
    转载 使用HTML5、CSS3和jQuery增强网站用户体验
    转载 Java堆内存的10个要点
    累 腾讯笔试
    python 浮点数取整
    转载 一个页面重构工程师眼中的“用户体验”
  • 原文地址:https://www.cnblogs.com/dudu7329-123456/p/10935429.html
Copyright © 2020-2023  润新知