HTML5技术

HTML基本元素(三) - mossbaoo

字号+ 作者:H5之家 来源:H5之家 2016-08-04 14:00 我要评论( )

1.HTML特殊字符 一些字符在HTML中拥有特殊的含义,比如小于号()和大于号()用于定义HTML标签。如果我们希望浏览器正确地显示这些字符,我们必须在HTML源码中插入字符实体。 还有一种情况,就是HTML会自动截去多余的空格,假如你在文档中连续输入10个空格,那

1.HTML特殊字符

  一些字符在HTML中拥有特殊的含义,比如小于号(<)和大于号(>)用于定义HTML标签。如果我们希望浏览器正确地显示这些字符,我们必须在HTML源码中插入字符实体。

  还有一种情况,就是HTML会自动截去多余的空格,假如你在文档中连续输入10个空格,那么HTML会去掉其中的9个。那么,就需要用到字符实体来实现任意空格。

  字符实体用于在HTML文档中插入特殊字符,有两种方式:实体字符和实体编号,一般使用实体字符。

  注意:实体字符对大小写敏感!

常用的特殊字符:

特殊字符 实体字符 实体编号

空格 &nbsp; &#160;

小于号(<) &lt; &#60;

大于号(>) &gt; &#62;

和号(&) &amp; &#38;

引号(") &quot; &#34;

版权(©) &copy; &#169;

注册商标(®) &reg; &#174;

乘号(×) &times; &#215;

除号(÷) &divide; &#247;

 

 

 

 

 

 

 

 

 

 

 

2.列表

  列表用来在网页上组织信息,HTML能够创建三种类型的列表:无序列表、有序列表和自定义列表。

  1)无序列表

    代码结构:

………………

    *无序列表的type属性的值有:disc(“默认”实心圆)、circle(空心圆)、square(正方形),用来设置项目前面的标记。

  2)有序列表

    有序列表使用数字或字母系统来组织列表里包含的信息。

    代码结构:

………………

    *有序列表的type属性的值有:1(“默认”数字)、a(小写字母)、A(大写字母)、i(小写罗马数字)、I(大写罗马数字),用来设置项目前面的标记。

    *start属性的值是:排序的起点数值。

  3)自定义列表

    定义列表用来组织术语和它们的定义。

    任何信息如果包含多个术语和相对应的解释,都可以使用自定义列表进行组织。

    代码结构:

………………

    *<dt>是列表的头部,常用作于标题。

 

3.表格

  表格由<table>标签以及一个或多个tr、th或td元素组成。单元格可以包含文本、图片、 列表、表单、表格等等。

  *<table>定义表格。

  *<tr>定义表格的行。

  *<th>定义表头,表示标题,一般用在表格的第一行,里面的内容会自动加粗加黑。

  *<td>定义单元格。

  代码如下:(制作2行2列的表格的快捷生成方式:table>tr*2>td*2

row 1, cell 1row 1, cell 2row 2, cell 1row 2, cell 2

说明

属性 值 说明

width px,% 指定表格的宽度

height px,% 指定表格的高度

border px,% 指定表格边框的宽度

cellpadding 数字 指定边框与内容之间的空白

cellspacing 数字 指定单元格之间的空白

align left,center,right 指定对齐方式

valign top,middle,bottom 垂直排列方式

colspan 数字 合并列单元格

rowspan 数字 合并行单元格

 

 

 

 

 

 

 

 

 

  *为表格设置合并边框模型:

  效果对比图:

  

  参考代码如下:

Document table{ border-collapse table,td{ border为表格设置合并边框模型:row 1, cell 1row 1, cell 2row 2, cell 1row 2, cell 2

 

  

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

    HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

    2017-05-02 11:02

  • HTML5 进阶系列:indexedDB 数据库 - _林鑫

    HTML5 进阶系列:indexedDB 数据库 - _林鑫

    2017-04-27 14:02

  • HTML5 高级系列:web Storage - _林鑫

    HTML5 高级系列:web Storage - _林鑫

    2017-04-27 14:01

  • HTML5和CSS3 - 奔跑在起跑线佼佼者

    HTML5和CSS3 - 奔跑在起跑线佼佼者

    2017-04-20 13:00

网友点评
r