HTML实体
HTML 中的预留字符必须被替换为字符实体。
一些在键盘上找不到的字符也可以使用字符实体来替换。
- 常见的一些字符实体
 
空格
<
<
>
>
"
引号
©
版权©
¥
¥
×
x
divide
÷
®
®
HTML列表
HTML列表分为无须列表<ul></ul>和有序列表<ol></0l>
无序列表是一个项目的列表项,此列项目使用实习远点进行标记;同样有序列表也是一列项目,用数字进行标记。
- ul 双 无序列表 属性 type(disc(默认)/square/circle)
- li 双 列表项 属性 type 值同上
- ol 双 有序列表 属性 reversed(降序) type(1/a/A/I) start(值数字)
- dl 双 定义列表
- dt 双 列表项目的标题
- dd 双 列表项目的描述
文本标签
文本标签都是双标签
<b>
定义粗体文字
<em>
强调 斜体字
<strong>
强调 表现为加粗
<small>
定义小号字
<i>
定义为 斜体字 科学专业术语
<u>
下划线
<ins>
定义插入字
<del>
定义删除字
<kbd>
定义键盘码
<abbr>
定义缩写
<code>
定义计算机编码
<address>
定义地址
<sup>
定义上标文字
<sub>
定义下标文字
<q>
引用 短
<blockquote>
引用 长
<cite>
引证 距离,书名,电影
超链接(url)
- 统一资源定位器
万维网的每一个文件都有一个url
锚点
锚点是网页制作中超级链接的一种,又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接,运用相当普遍。
在HTML适当位置定义如下锚点:
<a name="top"</a>>
<a href="#top"跳转到top</a>
<a name="center"></a>
<a href="#center">跳转到center</a>
img
<img>是单标签>
属性
<alt>
代表图像的替代文字
<src>
代表一个图像源
<title>
提示信息
<border>
代表图片边框的宽度
<height>
代表一个图像的高度
<wedth>
代表一个图片的宽度
<usemap>
将图像定义为客户端图像映射
图像映射
图像映射可以理解为图片加载图片,通过<img/>后添加<map>和<area>设置。
图像映射分为:
(1)服务器端图像映射:将点击的坐标发送给服务器,由服务器的脚本来决定。(例如:href="http://www.baidu.com")
(2)客户端图像映射:根据点击位置不同确定链接目的。(例如:href="图像映射/a.jpg")
知识点:
通过<img/>后添加<map>和<area>设置。
<map>元素表明映射的开始
<area>元素表明每个区域,如果要把一个图片分4个区域,则用4个area。
<map>元素只有一个name属性.
下面介绍area元素的属性:
(1)shape:必须的属性,用于描述区域的形状,rect\poly\circle\default 可选, 矩形\多边形\圆形,default指的是还没有被定义的区域。
(2)coords:
``
(3)<href>和<nohref>:
href:href="http://www.baidu.com"
,连接网页;
href="图像映射/a.jpg" 连接大图片,(图片必须存在www目录下,否则找不到)
nohref:如果不指定href属性,则需要指定nohref,nohref="nohref"
(4)target
:和<a>
一样。
(5)alt
:图片不显示的一种提示。
注意:
(1)在<img>
中设置usemap属性。
(2)在<map>
中设置name
属性。
常见的图片格式
- gif
- png
- jpg/jpeg