今天为大家带来了HTML中的表格与列表、块及类与ID的基础知识，首先为大家介绍的是HTML中的表格与列表。一、HTML中的表格与列表：相信大家都知道在office、Excel等办公软件中如何制作表格，那大家知道如何在网页上制作表格呢？同时网页上面的注册和登陆表又是怎么制作出来的呢？今天将会为大家详细讲解。1、表格：① 了解table标签在网页上的表格制作是用table标签来定义的。② table中的tr和td标签l每个表格有若干行，即用tr标签来定义。l每行被分割为若干单元格，即用td标签来定义。示例运行结果：③ 在table元素中添加border属性就可以显示边框，示例：运行结果：④ 表单的表格用th标签表示，示例：运行结果：2、列表列表分为无序列表、有序列表和定义列表① 无序列表l无序列表是一个项目的列表，此列表项目使用粗体圆点进行标记。l无序列表始于ul标签，每个列表始于li，示例：运行结果：l在ul标签中使用type属性可以改变列表前面的符号，示例：运行结果：② 有序列表l与无序列表不同的是，有序列表使用的是ol标签，示例：运行结果：在ol标签中添加type属性，可以改变列表前面的符号，示例：运行结果：③ 定义列表l定义列表就是自定义列表，是项目及其注释的组合。l自定义列表以dl标签开始，每个自定义列表项以dt开始，每个自定义列表项的定义以dd开始，示例：运行结果：二、HTML中的块：1、大多数HTML元素被定义为块级元素或内联元素① 块级元素在浏览器显示时，通常以新行来开始（和结束），例如：h1、p、ul、table等。② 内联元素在显示时通常不会以新行开始，例如：b、td、a、img等。2、HTML中的div元素HTMLdiv元素是块级元素，是可以组合其他HTML元素的容器，简单来说div元素一般被用在HTML布局上面，示例：运行结果：3、HTML中的span元素HTMLspan元素是内联元素可用作文本的容器，当与css一同使用时，span元素可用于为部分文本设置样式属性，示例：运行结果：三、HTML中的CLASS和ID:在上面的示例中我们有看到id标签，在学习过程中很多人搞不懂class类和id标签的区别，现在开始教大家如何区分class类和id标签。CLASS:1、Class就我们口中所说的类2、在css中引用时以“.”开头，并且可以被多个元素调用，例如：3、在使用中，可以先设置出一个样式，然后被多个元素引用。ID:1、id是一种标签2、在css中引用时以“#”开头，只能定义一个元素，例如：3、在使用时，只能先确定一个元素，然后才能设置其样式，无法被其它元素引用，是唯一的标签。希望大家能够从这篇文章学习到HTML的部分知识~
转载请注明：http://www.aierlanlan.com/grrz/7574.html
