首页 > 其他分享 >581HTML标签_块标签 and 582 HTML标签_语义化标签

581HTML标签_块标签 and 582 HTML标签_语义化标签

时间:2022-10-20 16:02:10浏览次数:59  
标签:581HTML 定义 表格 结果 标签 单元格 语义 582

 语义化标签:html5中为了提高程序的可读性,提供了一些标签。
        1. <header>:页眉
        2. <footer>:页脚

<!--页眉-->
<div id="header">
<!--标题标签-->
<h1>公司简介</h1>
</div>

<p>中......</p><!--中间内容-->


<!--页脚-->
<div id="footer">
    <!--颜色          大小-->
<font color="gray" size="2">
    <!--居中-->
    <center>                <!--换行-->
    江苏传智播客教育科技股份有限公司<br>
                              <!--特殊符号-->
    版权所有Copyright 2006-2018&copy;, All Rights Reserved 苏ICP备16007882
    </center>
</font>

以上是html4的
以下是新版本的
<!--页眉-->
<header> <div id="header"> <!--标题标签--> <h1>公司简介</h1> </div> </header>

<p>中......</p><!--中间内容-->

<!--页脚--> <footer> <div id="footer"> <!--颜色 大小--> <font color="gray" size="2"> <!--居中--> <center> <!--换行--> 江苏传智播客教育科技股份有限公司<br> <!--特殊符号--> 版权所有Copyright 2006-2018&copy;, All Rights Reserved 苏ICP备16007882 </center> </font> </div> </footer>

表格标签

表格标签:

table:定义表格

    width:宽度

    border:边框

    cellpadding:定义内容和单元格的距离

    cellspacing:定义单元格之间的距离。如果指定为0,则单元格的线会合为一条、

    bgcolor:背景色

    align:对齐方式

tr:定义行

    bgcolor:背景色

    align:对齐方式

td:定义单元格

    colspan:合并列

    rowspan:合并行

th:定义表头单元格

    <caption>:表格标题

    <thead>:表示表格的头部分

    <tbody>:表示表格的体部分

    <tfoot>:表示表格的脚部分

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--定义表格-->
       <!--设置边框    设置宽的长度  单元边沿与其内容之间的空白-->
    <table border="1" width="50%" cellpadding="1" cellspacing="0">
                                               <!--定义单元格直接的空白-->
        <!--定义行-->
        <tr>
            <!--定义单元表格-->
            <!--
            <td>编号</td>
            <td>姓名</td>
            <td>成绩</td>-->
            <!--默认居中,定义表头单元格-->
            <th>编号</th>
            <th>姓名</th>
            <th>成绩</th>
        </tr>

        <tr>
        <!--定义单元表格-->
        <td>1</td>
        <td>杰瑞</td>
        <td>99</td>
        </tr>

        <tr>
        <!--定义单元表格-->
        <td>2</td>
        <td>汤姆</td>
        <td>80</td>
        </tr>
    </table>
</body>
</html>
最终结果

结果:

 

 结果:

 

 

 结果

 

 

 结果:

 

 结果:

 

标签:581HTML,定义,表格,结果,标签,单元格,语义,582
From: https://www.cnblogs.com/agzq/p/16810157.html

相关文章

  • HTML语义化标签和表格标签
    7.语义化标签:html5中为了提高程序的可读性,提供了一些标签。 1.<header>:页眉 2.<footer>:页脚8.表格标签: *table:定义表格 *width:宽度 ......
  • HTML快速入门和HTML标签-文件标签
    HTML快速入门快速入门:语法:1.html文档后缀名.html或者.htm2.标签分为1.围堵标签:有开始标签和结束标签。如<html> </html>2.自闭和标......
  • HTML链接标签和div和span
    5.链接标签: *a:定义一个超链接 *属性: *href:指定访问资源的URL(统一资源定位符) *target:指定打开资源的方式 ......
  • 576 HTML标签_文本标签2 and 577 练习
    HTML标签_文本标签2文本标签和文本有关系的标签<center>:文本居中<b>:字体加粗<i>:字体倾斜<font>:字体标签color:颜色  size:大小  ......
  • HTML-图片标签、列表标签、链接标签
    HTML-图片标签图片标签:img:展示图片属性: src:指定图片的位置代码:<!--展示一张图片img--><imgsrc="image/jingxuan_2.jpg"align="right"alt="古镇"width=......
  • HTML文件标签和文本标签
    3.标签学习: 1.文件标签:构成html最基本的标签 *html:html文档的根标签 *head:头标签。用于指定html文档的一些属性。引入外部的资源 *t......
  • XX学Python·pandas dataframe读取csv、tsv,使用行列标签和位置读取
    1.DataFrame和Series简介pandas是用于数据分析的开源Python库,可以实现数据加载,清洗,转换,统计处理,可视化等功能。pandas最基本的两种数据结构:1)DataFrame用来处理结......
  • HTML标签全局属性
    HTML全局属性HTML元素的意义与语境可以通过HTML属性来描述。HTML中的全局属性对任何HTML元素有效。New :HTML5新属性。属性描述说明accesskey设置......
  • JSTL标签库
    JSTL标签  1  分类  共有以下几种:核心标签库(c标签库)//常用,熟练运用xml标签库(x标签库)//操作xml,但是一般在dao层做,不用了解sql标签库(sql标......
  • 『现学现忘』Git基础 — 36、标签tag(一)
    目录1、标签介绍2、列出标签3、创建标签(1)标签的分类(2)附注标签(3)轻量标签4、后期打标签1、标签介绍软件的某个发行版本所对应的,其实就是软件开发过程中,某一个阶段的最后一......