首页 > 其他分享 > HTML标签语义化标签和表格标签

HTML标签语义化标签和表格标签

时间:2022-10-24 15:35:56浏览次数:64  
标签:定义 表格 标签 单元格 语义 HTML

HTML标签-语义化标签

语义化标签:html5中为了提高程序的可读性,提供了一些标签,(没有样式,只是为了提高程序的可读性)

  <header>:头部

  <footer>:尾部

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基础标签-练习</title>
</head>
<body>

<header><!--表示头部-->
    <div id="header">
        <h1>公司简介</h1>
    </div>

</header>

<footer><!--表示尾部--> <div id="footer"> <font color="gray" size="2"> <center> 四川未央老王教育科技股份有限公司<br> 版权所有Copyright 2006-2018&copy;, All Rights Reserved 川ICP备16007882 </center> </font> </div> </footer> </body> </html>

 

 

HTML标签-表格标签

  table:定义表格

    width:宽度

    border:边框

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

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

    bgcolor:背景色

    align:对齐方式

  tr:定义行

  td:定义单元格

  th:定义表头单元格    

    <!--表格标签 -->
    <table border="1" width="50%" cellpadding="1" cellspacing="0" bgcolor="#75c932" align="center">
        <tr><!--表头-->
            <td>编号</td>
            <td>姓名</td>
            <td>成绩</td>
        </tr>
        <tr><!--1列-->
            <td>1</td>
            <td>小龙女</td>
            <td>100</td>
        </tr>
        <tr><!--2列-->
            <td>2</td>
            <td>郭伟明</td>
            <td>50</td>
        </tr>

    </table>

 

标签:定义,表格,标签,单元格,语义,HTML
From: https://www.cnblogs.com/qihaokuan/p/16821581.html

相关文章

  • HTML标签链接和块标签
    HTML标签-链接标签a:定义一个超链接属性:href:指定访问资源的URL(统一资源定位符)target:指定打开资源的方式_self:默......
  • a标签属性href中#和javasrcipt:;的区别
    a标签中路径“#”和“javasrcipt:;”的区别​​前言​​​​#的效果​​​​javasrcipt:;的效果​​前言在a标签中如果想要超链接无跳转无反应,我们通常会给标签的href属性......
  • 纯css实现卡牌小标签
    纯css实现卡牌小标签​​效果图​​​​代码部分​​​​补充​​效果图代码部分话不多说,直接上代码!<!DOCTYPEhtml><htmllang="zh"><head><metacharset="UTF-8">......
  • HTML概念介绍和HTML快速入门
    HTML概念介绍:1.概念∶是最基础的网页开发语言HyperTextMarkupLanguage超文本标记语言超文本:超文本是用超链接的方法,将各种不同空间的文字信息组织......
  • [java] html转图片方案
    纯java项目后端进行HTML转图片公司有个需求是在小程序将订单信息按一定样式整理后转成图片。客户点击按钮下载后可以将图片保存,并可以直接在微信群里分享。由于时间紧迫......
  • HTML标签中文本标签和练习
    HTML标签-文本标签<b>:文本加粗<!--b文本加粗--><b>1、段落标签段落标签段落标签段落标签段落标签段落</b>运行结果: <i>:文本斜体<!--i文本斜体--><i......
  • 面试HTML CSS基础
    01.如何将下面的代码修改的更有语义化?<div><div>这是一个标题</div><div>这是一段文字</div><div><div>列表1</div><div>列表2</div></div></div......
  • JavaScript发展史和JavaScript语法与html结合方式
    JavaScript发展史JavaScript发展史:1.1992年,Nombase公司,开发出第一门客户端脚本语言,专门用于表单的校验。命名为:C--,后来更名为:ScriptEase2.1995年,Netscape(网景)......
  • HTML躬行记(2)——WebRTC基础实践
    WebRTC(WebReal-TimeCommunications)是一项实时通讯技术,在2011年由Google提出,经过10年的发展,W3C于2021年正式发布WebRTC1.0标准。WebRTC标......
  • HTML滚动条样式代码及使用技巧
    HTML滚动条样式代码及使用技巧2022-04-2109:47更新在html网页中,我们都知道大篇幅的长文章会占据网页的大部分空间,影响了整体网站页面的美观性和阅读体验,因此,在......