css-html语言应用.ppt
第二章 ASP框架语言-HTML HTML语言结构 HTML非正文标记 HTML正文标记 HTML特殊标记 HTML交互技术 1.1 HTML语言结构 一、什么是HTML HTML(Hyper Text Markup Language,超文本标记语言-就是标准的ASCII文本文件)是用于创建Web文档的编辑语言。 在客户机上所能看到的以.htm或者.html等结尾的Web页面,基本上都由HTML语言编写而成。 【例】一个典型而简单的HTML例子——first.htm如下:
Hello world
这是一个一级标题 我是蓝色,10号字体
2.2 HTML非正文标记 1.开始和结束标记(…标记) HTML文档的开始标记是,它告诉浏览器下面的内容是HTML文档,而标记告诉浏览器HTML文档结束了。所有其他标记都必须置于HTML标记中间,否则客户浏览器将忽略不在期间的标记。因此用开始Web页面,以结束。 2.头部标记(…标记) HTML文档的头部标记是…,其作用在于初始化文档的信息(而其内容不会显示在浏览器的窗口中),Head标记之内包含的标记有Title和Meta等。另外,一般也将控制页面的JavaScript程序和控制网页格式的CSS文件都放在Head之内。 ①标题标记(…标记) 标题文字会显示在Web浏览器的标题栏上。默认以该题作为文件名保存。默认以该标题为名称收藏。 ②头元素(标记)[注意:标记是单独使用的] 使用Meta标记可以包含自定义文本,用来指定文档作者、检索的关键字及创建日期等信息,这样在网上使用搜索引擎搜索时就可以显示出它的信息。 Meta标记包括3个属性:HTTP-Equiv(绑定HTTP的响应元素)、Name(声明版权)、Content(为声明的版权赋一个值)。如: (3)Leftmargin和Topmargin属性 这两个属性用于设置Web页面在浏览器中显示时距浏览器窗口左方和上方的空白宽度。属性值是像素。 【例】将页面左边距设为0,上边距设为5。 (4)Text属性 该属性设置页面显示文本的前景色(超级链接、CSS层叠样式表单除外) 。 另外,Body标记一些事件驱动属性,即该标记提供的一些因事件触发而驱动指定脚本程序运行的属性,见表如下: 2.3 HTML正文标记 标题字体标记(…) 段落标记与换行标记(
…
标记和
标记) 预格式化文本标记(
…
标记) 水平线标记(
标记) 列表标记 文字属性标记(字符格式化标记) 多媒体标记 超级链接标记(
…) 表格标记() 一.标题字体标记(…) 浏览器对各级"标题标记Hx "做如下解释: (1)hl:黑体,特大字体,居中,上下各有两行空行。 (2)h2:黑体,大字体,上下各有一到两行空行。 (3)h3:黑体(斜体),大字体,左端稍缩进,上下各空一行。 (4)h4:黑体,普通字体,比h3更多缩进,上空一行。 (5)h5:黑体(斜体),与h4缩进相同,上空一行。 (6)h6:黑体,与正文缩进相同,上