HTML+CSS学习笔记(三)认识标签II
【ul】 语法:无序信息列表。<ul><li>信息</li><li>信息</li></ul>。 默认样式:每项<li>前自带一个圆点。 【ol】 语法:有前后顺序的信息列表。<ol><li>信息</li><li>信息</li></ol>。 默认样式:每项<li>都自带一个序号,默认从1开始。 【<div>标签】 语法1:独立的逻辑部分。<div>…</div>。 语法2:用id属性为<div>提供唯一的名称,使逻辑更加清晰。<div id="版块名称">…</div>。 【table标签】 一.语法 1.<table></table>:表格以<table>标记开始,</table>标记结束。 2.<tbody></tbody>:<thead><tbody><tfooter>表格结构, tbody包含行的内容下载完优先显示,不必等待表格加载结束。如果表格很长,用tbody分段可以一部分一部分地显示。 3.<tr></tr>:表格的一行。 4.<td>…</td>:表格的一个单元格,即一行中的列。 5.<th>…</th>:表格的头部的一个单元格,表格表头。 二.默认样式 不显示表格线;表头,即th标签中的文本默认为粗体并且居中显示。 三.table边框 利用CSS样式代码,如<style type="text/css"> table tr td,th{border:1px solid #000;}</style>,含义是:为 td,th单元格添加粗细为1个像素的黑色边框。 四.caption标签 1.摘要 语法:<table summary="表格简介文本">。 注意:内容不在浏览器中显示,作用是增加表格的可读性(语义化)。 2.标题 语法:<table><caption>标题文本</caption><tr><td></td></tr></table>。 【<a>标签】 语法:链接。<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a> 默认样式:文本加入a标签后颜色为蓝色,点击过的文本颜色为紫色。默认情况下,链接网页在当前浏览器窗口中打开,在新的浏览器窗口中打开。<a href="目标网址" target="_blank">链接显示的文本</a> 【<a>标签mailto】 语法:链接Email。<a href="mailto:邮箱地址?cc=抄送地址&bcc=密送地址&subject=邮件主题&body=邮件内容" target="_blank">显示的文本</a> 默认样式:点击链接会打开电子邮件应用,并加载预设信息。

【<img>标签】 语法:<img src="图片地址" alt="加载失败时的替换文本" title = "可见时的描述文本"> 注意:图像可以是GIF,PNG,JPEG格式的图像文件。