HTML标签课件.docxVIP

仁人教育 仁人教育 HTML标签课件 a标签定义和用法： a 标签定义超链接，用于从一张页面链接到另一张页面。 a 元素最重要的属性是 href 属性，它指示链接的目标。 示例： a href=百度/a 拓展练习： Target=”_blank” a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FF00} /* 已访问的链接 */ a:hover {color: #FF00FF} /* 鼠标移动到链接上 */ a:active {color: #0000FF} /* 选定的链接 */ dl标签定义和用法： dl 标签定义了定义列表（definition list）。 dl 标签用于结合 dt （定义列表中的项目）和 dd （描述列表中的项目）。 示例： dl dt计算机/dt dd用来计算的仪器 ... .../dd dt显示器/dt dd以视觉方式显示信息的装置 ... .../dd /dl img标签定义和用法： img 元素向网页中嵌入一幅图像。 请注意，从技术上讲，img 标签并不会在网页中插入图像，而是从网页上链接图像。img 标签创建的是被引用图像的占位空间。 img 标签有两个必需的属性：src 属性 和 alt 属性。 示例： img src=/i/eg_tulip.jpg alt=上海鲜花港 - 郁金香 / ul标签定义和用法： ul 标签定义无序列表。 示例： ul li咖啡/li li茶/li li牛奶/li /ul 拓展练习： ol li咖啡/li li茶/li li牛奶/li /ol span标签定义和用法： span 标签被用来组合文档中的行内元素。 示例： pspan一些文本，/span其它文本。/p table标签定义和用法： table 标签定义 HTML 表格。 简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。 tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。 示例： table border=1 tr th月份/th th节约/th /tr tr td9月/td td$100/td /tr /table div标签定义和用法： div 可定义文档中的分区或节（division/section）。 div 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。 如果用 id 或 class 来标记 div，那么该标签的作用会变得更加有效。 用法 div 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 div 固有的唯一格式表现。可以通过 div 的 class 或 id 应用额外的样式。 不必为每一个 div 都加上类或 id，虽然这样做也有一定的好处。 可以对同一个 div 元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。 示例： h3This is a header/h3 pThis is a paragraph./p div style=color:#00FF00 h3This is a header/h3 pThis is a paragraph./p /div 其它标签： button 示例： button type=button点击我/button form 示例： form action=form_action.asp method=get p姓名: input type=text name=fname //p p电话: input type=text name=phone //p p select option value =重庆重庆/option option value =四川四川/option option value =北京北京/option option value =上海上海/option /select /p input type=submit value=提交 / /form