轻松上手HTML：video元素

video元素是HTML5规范新增加的元素，用于支持在网页文档中播放视频。在HTML5规范出现之前，标准网页文档是不支持视频播放的。大多数网页文档中的视频是通过插件（例如Flash）来播放的，所有的浏览器都必须安装插件才能播放网页中的视频，在没安装插件的浏览器上不能播放网页中的视频，这显然会给用户带来很大的困惑。 为了解决在网页中播放视频的问题，HTML5规范增加了video元素，网页设计者可以通

轻松上手HTML：select元素

select元素创建一个列表框，用户可以在列表框中选择列表项。列表框可以把一类性质相同的数据项以组的方式展现给用户，用户在列表框中可以单选或多选列表框列出的数据项，每条数据项称为列表项。 一方面列表框为用户输入数据提供了一种便捷方式，只要把已知的数据项列举出来，用户在列表框中选择列表项就可以；另一方面可以把需要搜集的数据规范化，防止因用户输入数据的随意性而造成后端处理数据的混乱。例如，在搜集用户个

轻松上手HTML：textarea元素

textarea元素和前面介绍的input元素都可以获取用户在输入框输入的文本内容，哪为什么还要提供textarea元素呢？这就涉及到输入文本内容多少的问题，input元素只能输入单行文本内容，输入再多的文字也只能在一行显示，而且没有滚动条；textarea元素就不同了，textarea元素可以输入多行文本内容，支持文本回车和在textarea的宽度内文本自动换行，当输入的文本内容行数超过text

轻松上手HTML：input元素

在网页设计中，经常需要搜集用户输入的一些信息，用于搜集用户输入信息的元素称为表单元素。input元素是HTML表单中最常用的元素，其作用是获取用户的输入信息。input提供了多种方式用于获取用户输入的信息，获取方式具体包括： （1）提供输入框，获取用户输入的内容，输入的内容又可以分为文字内容和密码，在HTML5中又增加了邮箱地址、网页路径、搜索框等类型； （2）提供按钮，获取用户单击按钮的事件；

轻松上手HTML：超链接元素

在浏览网页中，单击一个链接就会打开一个新的网页，这种链接网页的功能称为超链接。在网页中添加超链接功能可以使用a标签，a标签有两个比较重要的属性，一个属性是href，一个属性是target。 href属性指定要打开的网页路径，网页路径可以是相对路径，也可以是绝对路径。相对路径是指要打开的网页路径相对于当前网页文件所在的目录来指向的路径，绝对路径是指要打开的网页文件所在的全部路径，绝对路径一般以htt

轻松上手HTML：图像元素

在网页设计中，图像是必不可少的元素，网页中的图标、装饰图、内容图片等，都要用到图像元素。图像元素使用img标签，img就是英文image（图片）的缩写。当浏览器遇到img标签时，它需要知道从什么位置获取图片，img标签的src属性就是用于设置图片存储位置的。例如下面的HTML文档展示了一张存储在网络的图片。 <html> <head> <title>编程学习预备

轻松上手HTML：表格元素

表格由一行或多行单元格组成，应用表格可以让数据展现更有条理。例如，要展现一组企业员工通讯录，通讯录包括员工名称、电话、电子邮件、职务四项，就可以使用多行四栏的表格来展现企业员工通讯录。HTML表格元素使用table标签，表格元素的所有内容都放置在table的起始标签和结束标签内，表格的行元素使用tr标签，一对tr标签（标签的起始标签和结束标签称为一对标签）表示表格的一行。表格的单元格放置在tr标签

轻松上手HTML：列表元素

在网页设计中，经常会遇到有序列表和无序列表。有序列表的列表项以数字为序号，列表项按顺序排列；无序列表的列表项以加粗的黑点开始。列表项无序排列。 有序列表属于“块元素”，每个列表项单独占一行，也可以使用浮动属性将有序列表变为“行元素”。有序列表使用标签ol来表示，每个列表项使用li标签。例如下面的HTML文档展示了有序列表的使用。 <html> <head> <titl

轻松上手HTML：网页布局元素DIV

div元素在网页中是最常用的元素，可以把div元素看成一个矩形区域的容器，在这个容器内可以存放其它HTML元素，也包括div元素，因此div元素是可以嵌套的。借助于CSS样式，能够把div元素放置在网页的任何位置，实现网页的精致排版。为了更好理解div的功能和使用方法，文中使用了一些CSS样式，对这些样式的作用本文不作详解，在后面CSS的课程中，会详细解释CSS样式的作用。 没有样式的div就是一

轻松上手HTML：标题和段落元素

标题和段落元素属于“块元素”，“块元素”在网页中的效果是该元素的内容对于其前后元素的内容都另起一行。因此，每个标题和段落元素在网页中都单独占一行。例如下面的HTML文档。 <html> <head> <title>送杜少府之任蜀州</title> <meta http-equiv="Content-Type" content="text/htm