html语言应用,css-html语言应用.ppt

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：黑体，与正文缩进相同，上