HTML总结

1、锚点

命名锚点的语法

<a name="锚名字 ">锚点标记

让链接直接跳转到一个页面的某一章节

例:

<a name="马云">企业家</a>

<a herf="http://www.wendgo.com/index.html#马云">企业家</a>

下面这个是跳转到本页面的锚点:

<a name="马云">企业家</a>

<a herf="#马云">企业家</a>

2、图片相关标签

插入图像的语法

<img src="URL" alt="">

URL指向图像储存的地址

alts属性在浏览器装载图像失败的时候告诉用户所丢失的信息,此时,浏览器显示这个"交互文本"来代替图像

<img src="images/01.jpg"  atl="美女"  width="25" height="25"/>

图像热区

当鼠标指向图片的不同部位并点击时,可以打开不同的超链接,称之为网页图像热区

基本语法

<img src="URL" usemap="# map 名称" />
<map name="map 名称">
<area shape="形状" coords="坐标值" href="URL" />
</map>

例:

<img src="images/学生电脑桌面3.jpg" usemap="#淘宝" />
<map name="淘宝">
<area shape="rect" coords="229,120,920,220"
href="http://www.taobao.com"/>
</map>

矩形(rect)

<area shape="rect" coords="x1,y1,x2,y2" href="URL" />

圆形(circle)

<area shape="circle" coords="x1,y1,r" href="URL" />

多边形(poly)

<area shape="poly" coords=" x1,y1,x2,y2,x3,y3,x4,y4,x5,y5" href="URL" />

2、列表相关标签HTML能够创建三种类型的列表:无序列表(Orderd List)、有序列表(Unordered List)和定义列表(Definition)。 

无序列表

type属性来控制列表前面的符号,如果type="disc"就是默认的实心圆,type="circle"表示空心圆,type="square"表示方块

<ul  type="square">
  <li>……</li>
  <li>……</li>
  <li>……</li>
</ul>

有序列表

<ol  type=" ">
  <li>……</li>
  <li>……</li>
  <li>……</li>
</ol>

有序列表type的属性

如果type="1",表示前面的标记是数字

如果type="a",表示前面的标记是小写英文字母

如果type="A",表示前面的标记是大写英文字母

如果type="i",表示前面的标记是小写的罗马数字

如果type="I",表示前面的标记是小写的罗马数字

定义列表

定义列表由<dl>开始,术语由<dt>开始,由<dd>开始,<dd></dd>里的文字缩进显示

例:

<dl>
<dd>当年风华正茂时错过了多少妹子</dd>
<dt>至今后悔莫及</dt>
<dt>唉</dt>
<dt>唉</dt>
<dt>唉</dt>
<dt>唉</dt>
<dt>唉</dt>
</dl>

HTML特殊符号实体

空格 &nbsp  ,人民币符号:&yen,版权:&copy,乘号:&times,除号:&divides

3、HTML表格的运用

<table> 定义表格
<th> 定义表头
<tr> 定义表格的行
<td> 定义表格单元

说明:
属性                             值                                        说明
width                          px、%                              指定表格的宽度
height                         px、%                              表格的高度
border                         px                                    指定表格边框的宽度
cellpadding                  px                                    指定边框与内容之间的空白
cellspacing                   px、 %                             指定单元格之间的空白
align                            left、 right 、 center          指定对齐方式
valign                          top、 middle 、 bottom      垂直排列方式
colspan                        合并列单元格
rowspan                       合并行单元格

原文地址:https://www.cnblogs.com/moyingliang/p/5743543.html