表格标签

  1. 表格的作用

    表格主要用于显示、展示数据,因为他们可以让数据显示的非常规整,可读性非常好,特别是后台展示数据的时候,能够熟练运用表格就先的很重要,一个清爽简约的表格能够把繁杂的数据表现的很有条理。

  2. 表格的基本语法

    <table>
    <tr>
    <td></td> </tr>
    </table>
    • <table></table> 用于定义表格的标签
    • <tr></tr> 标签用于定义表格中的行,必须嵌套在<table></table> 标签中
    • <td></td> 用于定义表格中的单元格,必须嵌套在<tr></tr> 标签中
  3. 表头单元格

    • <th></th> 标签表示HTML表格的表头部分
  4. 表格属性

    • 表格标签的属性在实际开发中不常用,后面通过CSS来设置
属性名 属性值 描述
align left\center\right 规定表格相对周围的对齐方式
border 1或者”“ 桂东表格单元是否拥有边框,默认为”“,表示没有边框
cellpadding 像素值 规定单元边沿与其他内容之间的空白,默认1px
cellspacinng 像素值 规定单元格之间的空白,默认为2px
width 像素值或百分比 规定表格宽度
  1. 表格的结构标签

    在表格标签中,分别用:<thead>标签表示表格的头部区域,<tbody> 表示表格的主体区域

  2. 合并单元格

    • 确定是跨行还是跨列
    • 找到目标单元,写上合并方式=合并的单元数量,比如;<td colspan="2"></td>
    • 删除多余单元格

列表

  1. 列表分类

    • 无序列表

      • <ul> 标签定义无序列表,一般会以项目符号呈现表项,而列表项使用<li> 标签定义
      <ul>
      <li>列表项1</li>
      <li>列表项2</li>
      <li>列表项3</li>
      </ul>
        • 无序列表的各项列表之间没有顺序级别之分,是并列的
        • <ul> </ul> 中只能嵌套<li> </li> ,直接在<ul> </ul> 标签中输入其他标签或者文字的做法是不允许的
        • <li> </li> 之间相当于一个容器,可以容纳所有元素
        • 无序列表会带有自己的样式属性,但实际使用中,我们会使用CSS来设置
    • 有序列表

      • <ol> 标签定义有序列表,列表排序以数字来显示,而列表项使用<li> 标签定义
      <ol>
      <li>列表项1</li>
      <li>列表项2</li>
      <li>列表项3</li>
      </ol>
        • <ol> </ol> 中只能嵌套<li> </li> ,直接在<ol> </ol> 标签中输入其他标签或者文字的做法是不允许的
        • <li> </li> 之间相当于一个容器,可以容纳所有元素
        • 有序列表会带有自己的样式属性,但实际使用中,我们会使用CSS来设置
    • 自定义列表

      • 自定义列表常用于对术语或名词进行解释和描述,定义列表的列标前没有任何项目符号
      • <dl> 标签用于自定义描述列表(或定义列表),该标签会与<dt> (定义项目/名字)和<dd> (描述每一个项目/名字)一起使用
      <dl>
      <dt>名词1</dt>
      <dd>名词一解释1</dd>
      <dd>名词一解释2</dd>
      </dl>
        • <dl> </dl> 中只能嵌套<dt> <dd>
        • <dt> <dd>没有各数限制,经常一个<dt>对应多个<dd>

HTML常用标签三的更多相关文章

  1. 沃土前端系列 - HTML常用标签

    html是什么 HTML是Hyper Text Markup Language的缩写,中文的意思是"超文本标记语言",它是制作网页的标准语言.由于网页中不仅包含普通文本,还包含超文 ...

  2. html(常用标签,标签分类),页面模板, CSS(css的三种引入方式),三种引入方式优先级

    HTML 标记语言为非编程语言负责完成页面的结构 组成: 标签:被<>包裹的由字母开头,可以结合合法字符( -|数字 ),能被浏览器解析的特殊符号,标签有头有尾 指令:被<>包 ...

  3. 一、HTML概述 二、web相关的概念 三、HTML的常用标签

    一.HTML概述###<1>概念 HTML:Hypertext Markup Language,超文本 标记语言,用来描述网页的一种语言. 非编程语言,由浏览器直接解释运行. ###< ...

  4. 三、Html常用标签

    1,基本标签 <html>:html文档的根元素,可以指定一个xmlns属性,值只能是http://www/w3.org/1999/xhtml. <body>:页面主体部分 & ...

  5. CSS常用标签

    CSS常用标签 一 CSS文字属性 color : #999999; /*文字颜色*/ font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; / ...

  6. 9月5日网页基础知识 通用标签、属性(body属性、路径、格式控制) 通用标签(有序列表、无序列表、常用标签)(补)

    网页基础知识 一.HTML语言 HTML语言翻译汉语为超文本标记语言. 二.网页的分类 1.静态页面:在静态页面中修改网页内容实际上就是修改网页原代码,不能从后台操作,数据来只能来源于原于代码.静态网 ...

  7. Struts2常用标签

    Struts2常用标签总结 一 介绍 1.Struts2的作用 Struts2标签库提供了主题.模板支持,极大地简化了视图页面的编写,而且,struts2的主题.模板都提供了很好的扩展性.实现了更好的 ...

  8. jsp学习--JSP运行原理,九大隐式对象和JSP常用标签

    一.JSP运行原理 每个JSP 页面在第一次被访问时,WEB容器都会把请求交给JSP引擎(即一个Java程序)去处理.JSP引擎先将JSP翻译成一个_jspServlet(实质上也是一个servlet ...

  9. dedecms 常用标签调用

    /*------------------单个ip调用-------------------*/ {dede:type typeid="12"} <a title=" ...

随机推荐

  1. excel中添加下拉候选

    这里简单记录下如何在Excel2013中添加下拉候选. 首先有个思路是,下拉候选也就意味着数据被限制在一个范围之内,因此应该联想到数据验证相关的设置. 选中单列或单元格,在[数据]下的[数据验证]中选 ...

  2. Vue 从入门到进阶之路(十三)

    之前的文章我们介绍了一下 vue 中的作用域插槽,本章我们来看一下动态组件与 v-once 指令. <!DOCTYPE html> <html lang="en" ...

  3. javaWeb技术第一篇之HTML

    <!-- 当前是最简的html --> <html> <!-- 告诉浏览器当前是一个html文档 最外面的标签. --> <head> <!--h ...

  4. Loading class `com.mysql.jdbc.Driver'. This is deprecated. The driver is automatically registered via the SPI and manual loading of the driver class is generally unnecessary.

    简单介绍 声明:使用JDK9.MYSQL8.idea 报错处理 报错信息如下 原因 提示信息表明数据库驱动com.mysql.jdbc.Driver已经被弃用了.应当使用新的驱动com.mysql.c ...

  5. vue.js+THREE.js演示服务端3D模型流程总结

    three.js官网 ·场景搭建 使用npm或者其他获取安装three,就像npm i three,之后在需要演示模型的vue组件内import * as THREE from 'three',此时我 ...

  6. SDWebImage4.0之后加载gif不显示的解决方案

    SDWebImage4.0之前 UIImageView *imgView = [UIImageView new]; imgView.contentMode = UIViewContentModeSca ...

  7. Docker 镜像介绍和命令

    目录 是什么 UnionFS(联合文件系统) Docker镜像加载原理 分层的镜像 为什么 Docker 镜像要采用这种分层结构呢 特点 Docker镜像commit操作补充 案例演示 1.从Hub上 ...

  8. 操作系统|VirtualBox for Mac(虚拟机软件)

    VirtualBox是德国一家软件公司InnoTek所开发的虚拟系统软件,它不仅具有丰富的特色,而且性能也很优异,更是开源的,成为了一个发布在GPL许可之下的自由软件.VirtualBox 可以在 L ...

  9. 201871010110 - 李华 《面向对象程序设计(java)》第一周学习总结

    项目 内容 <面向对象程序设计(java)> https://www.cnblogs.com/nwnu-daizh/ 这个作业的要求在哪里 https://i.cnblogs.com/Ed ...

  10. [配置]VUE中通过process.env判断开发,测试和生产环境,并分环境配置不同的URL HOST

    本文链接:https://blog.csdn.net/tom_wong666/article/details/89763620 Tom哥的博客博文分类和索引页面地址:https://blog.csdn ...