html语言概论,01HTML5标记语言概论.ppt

01HTML5标记语言概论

标记可以在页面中创建下拉列表，此时的下拉列表是一个空的列表，要使用标记向列表中添加内容。标记的语法格式如下： …下拉菜单标记 ?name属性：用于指定列表框的名称。 ?Size属性：用于指定列表框中显示的选项数量，超出该数量的选项可以通过拖动滚动条查看。 ?Disabled属性：用于指定当前列表框不可使用(变成灰色)。 ?Multiple属性：用于让多行列表框支持多选。 为多行文本标记，与单行文本相比，多行文本可以输入更多的内容。通常情况下，标记出现在标记的标记内容中。标记的语法格式如下： 默认值标记的属性说明如下表所示。 多行文本标记 属性 说明 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文档中，要显示普通文字，只需要在主体标记中，或者其他子标记中直接输入所需文字就可以了。不过，对于空格和一些特殊符号就不能直接输入了，而是需要通过一个以“&”符号开头，以“;”符号结束的实体名称来代替。常用的特殊符号及其对应的实体名称如下表所示。 文字与特殊符号 特殊符号 实体名称 特殊符号 实体名称 空格   × × " " § § ＆ & ￠ ¢ < < ￥ ¥ > > · &middot ? © € € ? ® ￡ £ + ± ? ™ HTML中的段落标记也是一个很重要的标记，段落标记以

标记开头，以

标记结束。段落标记在段前和段后各添加一个空行，而定义在段落标记中的内容，不受该标记的影响。 段落标记 段落与段落之间是隔行换行的，使得文字的行间距过大；可以使用换行标记
标记来完成文字的换行显示。如果直接在HTML文档中输入类似于Word等文本编辑软件中常用的换行符(〈Enter〉键)是没有用的。 换行标记 在Word文档中，可以很轻松的实现不同级别的标题。如果要在HTML页面中创建不同级别的标题，可以使用HTML语言中的标题标记。在HTML标记中，设定了6个标题标记，分别为

至

，其中

代表1级标题，

代表2级标题，

代表6级标题等。数字越小，表示级别越高，文字的字体也就越大。 ?标题标记 HTML语言中提供了文字列表标记，文字列表标记可以将文字以列表的形式依次排列。通过这种形式可以更加的方便网页的访问者。HTML中的列表标记主要有无序的列表和有序的列表两种。