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">