入门系列2
1，html主要的标记类型：
元素/标记名称
属性
值：预定义值-接受特定值
数字或者百分数
引用url
颜色名称：十六进制、数字
2、最常用的控制标记
备注： <!-- -->
换行： <br />
段落： <p align="center"></p>
水平直线： <hr size="" color="" noshade />
背景色与文字控制： <body bgcolor="#000" text="#fff"></body>
页面的边距、行距： leftmargin="" topmargin="" rightmargin="" bottommargin=""
标题文字设置：<hn></hn> (n=1,2,3,4,5,6)
特殊字符： < <
> >
＆ ＆amp;
" "
空格
© ©
3、实体字符控制标记
<b></b> 粗体
<i></i> 斜体
<s></s> 删除
<u></u> 下划线
<sub></sub> 下标
<sup></sup> 上标
4、语义字符控制：
<big></big> 大字
<small></small> 小字
<strong></strong> 加强语气（加粗）
<em></em> 加强语气（加粗）
5、<font>字体控制 — <font size="" color="" face=""></font>
PS: 引用CSS更加便利的字体控制 <font 20px;"></font>
6、格式化： <pre></pre>
7、引用文本： <blockquote cite="www.baidu.com">here is a long quotation.</blockquote>
cite的值为被引用的地址
8、排列清单控制标记：
8.1无序列表：
<ul>
<li type="disc|circle|squaare"></li>
</ul>
PS: disc:实心圆|circle:空心圆|squaare:实心方块
8.2有序列表：
<ol>
<li type="1|a|A|I"></li>
</ol>
8.3 定义列表：
<dl>
<dt></dt>
<dd></dd>
<dd></dd></dl>
9、对图片的操作：
9.1 背景图设置： <body background="url"></body>
9.2 将图片插入到网页中去：
<img src="url" alt="" width="" border="" align=""/>
9.3 把图像作为超链接：
<a href="#"><img src="url" /></a>
9.4 地图索引：
<img src="" usemap="#map1"/>
<map name="map1" id="map1">
<area shapr="rect" coords="坐标" alt="desc">
<area shapr="circle" coords="坐标" alt="desc">
<area shapr="poly" coords="坐标" alt="desc">
</map1>
9.5 为网站添加图标：
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> //PS：仅在服务器上有效
10、表格标记
10.1 基本格式
<table>
<thead>
<th><td></td></th>
</thead>
<tbody>
<tr><td></td></tr>
</tbody>
<tfoot>
<tr><td></td></tr>
</tfoot>
</table>
10.2 <table>常用属性：
border : 表格边线
cellspacing：格与格之间的距离
cellpadding：格与数据之间的距离
width :
height :
align : 表格的对齐方式
bgcolor :
background :
bordercolor :
bordercolorlight : 边框亮色
bordercolordark ：边框暗色
frame ： 表格边线的各种表现形式 （该属性必须在border不为零的状态下）
rules ： 表格框线的各种表现形式
10.3 <tr><th><td>的属性：
width :
height :
bgcolor :
align : 水平对齐方式
valign : 垂直对齐方式
nowrap : 在单元格中换行
10.4 拆分与合并单元格：
colspan：合并列
rowspan ： 合并行
10.5 表格结构化
<table><thead></thead><tbody></tbody><tfoot></tfoot></table>
10.6 表格的直列化
<col align="center" span="2" width="" valign="middle"></col>
10.7 表格的标题：
<table><caption></caption></table>
11、超链接
11.1 格式：<a href="scheme://host[:post]/path/filename"></a>
scheme： 指的是http、file、ftp、mailto、news、 gopher、telnet 七种
<a href="http://www.baidu.com">百度</a>
<a href="file://www.baidu.com">百度</a>
<a href="ftp://192.168.4.1" >进入</a>
<a href="mailto:bnbbs@163.com">email</a>
post : 指的是服务器端口
path : 文件路径
filename : 文件名
11.2 绝对路径、 相对路径
11.3 锚点：
锚点：<a name="锚点1"></a>
连接点：<a href="#锚点1"> </a>
11.4 基准参考点：<base href="c:\">
11.5 超链接事件：
<body link="未选中颜色" alink="选中但未放开时的颜色" vlink="已点选过的颜色">
11.6 为连接创建键盘快捷键 ：
accesskey="w" (alt+w)(ctrl+w)
11.7 为链接设置制表符次序
tabindex="n"
多窗体链接属性：
<a target="_blank | _selt | _parent | _top">
