01HTML5标记语言概论.ppt

select标记可以在页面中创建下拉列表，此时的下拉列表是一个空的列表，要使用option标记向列表中添加内容。select标记的语法格式如下： select name=name size=digit multiple=multiple disabled=disabled /select select…/select下拉菜单标记 ?name属性：用于指定列表框的名称。 ?Size属性：用于指定列表框中显示的选项数量，超出该数量的选项可以通过拖动滚动条查看。 ?Disabled属性：用于指定当前列表框不可使用（变成灰色）。 ?Multiple属性：用于让多行列表框支持多选。 textarea为多行文本标记，与单行文本相比，多行文本可以输入更多的内容。通常情况下，textarea标记出现在form标记的标记内容中。textrare标记的语法格式如下： textarea cols=digit rows=digit name=name disabled=disabled readonly=readonly wrap=value默认值/textarea textarea标记的属性说明如下表所示。 textarea多行文本标记 属性 说明 name 用于指定多行文本框的名称，当表单提交后，在服务器端获取表单数据时应用 cols 用于指定多行文本框显示的列数（宽度） rows 用于指定多行文本框显示的行数（高度） disabled 用于指定当前多行文本框不可使用（变成灰色） readonly 用于指定当前多行文本框为只读 wrap 用于设置多行文本中的文字是否自动换行，可选值有hard（默认值，表示自动换行，如果文字超过cols属性所指的列数就自动换行，并且提交到服务器时，换行符同时被提交）、soft（表示自动换行，如果文字超过cols属性所指的列数就自动换行，但提交到服务器时，换行符不被提交）和off（表示不自动换行，如果想让文字换行，只能按下〈Enter〉键强制换行） Logo Logo Logo Logo Logo Logo Logo Logo Logo Logo HTML 5标记语言 本讲大纲： 1、HTML 5文档结构 3、图片与超链接标记 2、HTML文字排版标记 4、HTML 5新增的语义元素 5、制作表格 6、播放音频和视频 7、表单标记 HTML 5文档结构 下图是一个基本的HTML 5文档，从该中可以了解组成HTML 5文档的各元素。 对于HTML页面，文字排版标记必不可少，一个美观大方的文字页面能够确切地传达出页面的主要信息。常用的文字排版标记主要包括以下几个。 HTML文字排版标记 ?文字与特殊符号 ?段落标记 ?换行标记 ?标题标记 ?文字列表标记 在HTML文档中，要显示普通文字，只需要在body主体标记中，或者其他子标记中直接输入所需文字就可以了。不过，对于空格和一些特殊符号就不能直接输入了，而是需要通过一个以“”符号开头，以“;”符号结束的实体名称来代替。常用的特殊符号及其对应的实体名称如下表所示。 文字与特殊符号 特殊符号 实体名称 特殊符号 实体名称 空格 nbsp; × times; quot; § sect; ＆ amp; ￠ cent; lt; ￥ yen; gt; · middot ? copy; € euro; ? reg; ￡ pound; + plusmn; ? trade; HTML中的段落标记也是一个很重要的标记，段落标记以p标记开头，以/p标记结束。段落标记在段前和段后各添加一个空行，而定义在段落标记中的内容，不受该标记的影响。 段落标记 段落与段落之间是隔行换行的，使得文字的行间距过大；可以使用换行标记br标记来完成文字的换行显示。如果直接在HTML文档中输入类似于Word等文本编辑软件中常用的换行符（〈Enter〉键）是没有用的。 换行标记 在Word文档中，可以很轻松的实现不同级别的标题。如果要在HTML页面中创建不同级别的标题，可以使用HTML语言中的标题标记。在HTML标记中，设定了6个标题标记，分别为h1至h6，其中h1代表1级标题，h2代表2级标题，h6代表6级标题等。数字越小，表示级别越高，文字的字体也就越大。 ? 标题标记 HTML语言中提供了文字列表标记，文字列表标记可以将文字以列表的形式依次排列。通过这种形式可以更加的方便网页的访问者。HTML中的列表标记主要有无序的列表和有序的列表两种。 无序列表 无序列表是在每个列表项的前面添加一个圆点符号。通过ul标记可以创建一组无序列表，其中每一个列表项以li标记表示。 有序列表 有序列表和无序列表的区别是，使用有序