基础标签
<p>：
段落有多行文本或多个空格时，浏览器会省略多余的空格和换行，用单个空格代替。
段落文本的行数随着浏览器窗口的大小变化而改变。
<h*>：标题居中需设置属性align="center"
<body>：页面背景设置属性bgcolor="yellow"或background="*.jpg"
文本格式化
<b> & <strong>/ <i> & <em>：效果相同
<sub> & <sup>：下标&上标
<pre>：保留文本原格式
<attr> & <acronym>：实现缩写 - <acronym title="World Wide Web">WWW</acronym>，效果如下图：
<bdo>：使用属性dir="rtl"定义文字方向
<q> & <blockquote>：短&长引用（长引用会有换行和缩进）
<del> & <ins>：删除线 & 下划线
链接
<a>：设置属性target="_blank"，可在新窗口打开链接，标签中间既可以是文本也可以是图像标签，设置属性style="text-decoration:none"隐藏链接的下划线。
统一链接跳转形式：<head>标签中添加<base target="_blank" />。
链接跳转到同一页面内的不同位置：
<a href="#C4">查看 Chapter 4。</a>
<a name="C4">Chapter 4</a>
点击链接调用客户端以发送邮件：
mailto-收件人，cc-抄送，bcc-密件抄送，subject-主题，body-正文（’%20’表示空格）
<a href="mailto:someone@microsoft.com?cc=someoneelse@microsoft.com&bcc=andsomeoneelse2@microsoft.comsubject=test&body=just%20test">
发送邮件</a>
框架
<frameset> - rows, clos：框架集，属性设置横向或纵向排列
<frame> - src, noresize：单框架，属性设置框架文档url，大小是否可调，无结束标签
<noframe> - <body>：不支持标签时指定文字代替
<iframe>：HTML网页中的内联框架
导航框架：
<frameset cols="20%,80%">
<frame src="/example/html/content.html">
<!--左侧框架含链接列表用于导航-->
<frame src="/example/html/link.html" name="showframe">
<!--右侧框架为目标文档-->
</frameset>
表格
<table>：设置属性border=0确定边框粗细或有无标签（不设置亦可），设置属性cellpadding和cellspacing分别确定单元格的边距和间距，设属性置frame=‘box、above/vsides’确定围绕边框的形式。
<caption>：表格标题
空单元格：<td></td>
单元格横跨多行或多列：设置单元格属性rowspan="2" / colspan="2"
列表
<ol>：设置属性start=50确定有序列表的起始序号值，设置属性type="A/a/I/i"确定列表类型
<ul>：设置属性type="disc/circle/square"确定列表类型
定义列表代码形式及效果如下所示：
<dl>
<dt>计算机</dt>
<dd>用来计算的仪器 ... ...</dd>
<dt>显示器</dt>
<dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>
表单
<form>：设置action="*.asp/MAILTO:***"，根据按钮行为执行相关操作
单选框选中：设置属性checked="checked"
下拉列表带预设项：option设置属性selected="selected"
<textarea>：多行文本输入框，设置属性rows/cols确定文本框大小
按钮设置属性type="button/submit/reset"可确定点击按钮后的不同动作
带外围标题框的表单代码格式与效果如下所示：
<form>
<fieldset>
<legend>健康信息</legend>
身高：<input type="text" />
体重：<input type="text" />
</fieldset>
</form>
图像
<img>：设置属性align="bottom(default)/middle/top/left/right"确定图像在文字中的对齐或浮动形式，设置属性alt表示图像无法显示时的代替文字。
设置图像映射：
<img src="/i/eg_planets.jpg" border="0" usemap="#planetmap" alt="Planets" />
<map name="planetmap" id="planetmap">
<area shape="circle" coords="180,139,14" href ="/example/html/venus.html" target ="_blank" alt="Venus" />
</map>
样式
样式在<head>标签内添加，可分为内部样式和外部样式两种设置方式。
内部样式：
<style type="text/css">
h1 {color: red}
p {color: blue}
</style>
外部样式：
<link rel="stylesheet" type="text/css" href="*.css" >
元信息
<meta>：设置属性name & content记录作者、软件、文档等开发信息。
设置网页重定向：
<meta http-equiv="Refresh" content="5;url=xxx" />
<!-- 5秒后自动重定向为xxx网站 -->
9817
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
