HTML学习：HTML的标签总结（一）

最新推荐文章于 2022-11-01 16:21:33 发布

李小西033

最新推荐文章于 2022-11-01 16:21:33 发布

阅读量1.1k

点赞数

分类专栏： HTML 文章标签： html 浏览器 internet 文档 url class

本文链接：https://blog.csdn.net/lissdy/article/details/7870443

版权

HTML 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

全局架构标签

<body>标签的属性
1、Text属性：用于设定整个网页中文字的颜色
2、link属性：用于设定一般超链接文本的显示颜色
3、alink属性：用于设定鼠标移动到超链接上时，超链接文本的显示颜色
4、vlink属性：用于设定访问过的超链接文本的显示颜色
5、background属性：用于设定背景墙纸所用的图片文件，可以是GIF或JPEG文件的绝对或相对路径
6、bgcolor属性：用于设定背景颜色，当已设定背景颜色时，这个属性会失去作用，除非墙纸具有透明部分
7、leftmargin属性：设定网页显示画面与浏览器窗口左边沿的间隙，单位为像素
8、topmargin属性：设定网页显示画面与浏览器窗口上边沿的间隙，单位为像素
。。。
另外还有class、name、id、style等公共属性

文档类型定义（DTD）
DTD语法：
<!DOCTYPE HTML PUBLIC "version name" "url">
其中：
HTML指定文档类型的名称
PUBLIC表明所依据的DTD文件是对任何人公开访问的，而不是某个公司内部的规范文件
version name指定该HTML版本的标识名称
url指定该HTML语言的定义规范文件在Internet上的位置

格式标签

<p></p>用于创建段落
align属性的值可以是左中右

<br>在网页中显示换行，没有配对的结束标签

<nobr></nobr>不将过长的内容换行显示，用滚动条的方式显示整行内容

<blockquote></blockquote>缩进标签

<center></center>可以在页面的水平方向上居中显示

<marquee></marquee>用于控制文本移动
两个属性behavior[slide/scroll/alternate]
direction[up/down/left/right]

<dl></dl>创建普通列表
<dt></dt>创建列表中上层条目
<dd></dd>创建列表中下层条目

<ol></ol>用来创建带有数字序号的列表
<ul></ul>用来创建带有圆点的列表
<li></li>在<ol></ol>或<ul></ul>中嵌套使用，表示单个条目

效果如图：

<pre></pre>用来对文本进行格式化处理

效果如图：

文本标签
用于控制网页中所显示文字的字体
<h1></h1>...<h6></h6>将文字用作标题进行显示
<b></b>粗体
<i></i>斜体
<u></u>下划线

<sub></sub>用于建立下标
<sup></sup>用于建立上标

<font></font>可以对显示文本的字体、字号、颜色进行改变
其属性为face[字体]、size[大小(-7~7)]、color[颜色]

超链接标签

包含文本信息示例：
<a href="www.baidu.com">百度</a>
包含图像信息示例：
<a href="www.baidu.com"><img border=0 src="logo.gif"></a>
启动计算机上的邮件发送程序
<a href="mailto:lissdy@163.com?subject=留言">我要留言</a>

超链接标签的target属性：
_blank表示当用户单击超链接时，浏览器打开一个新的窗口
_self用户单击超链接时，浏览器在原窗口中显示请求的网页
_parent表示当前帧的父帧窗口
_top表示帧框架当中最顶层的窗口

图像标签
<img>标签
用法：<img src="logo.gif">
还可以设置
alt鼠标经过图片时，在图片上方显示的文本
align图像与周围文本的对齐方式
border图像边框宽度（单位：像素）
width和height图像显示的高度和宽度

图像超链接
格式：
<a href="url"><img src="url"></a>

图像地图：
把一幅图像分成多个区域，每个区域指向不同的URL地址。譬如，将一幅中国地图的图像按省市划分成若

干个区域，这些区域被称为热点，点击热点区域，就可以链接到与相应省市有关的页面，这就是图像地图。

怎样产生图像地图
1、首先必须定义出图像上的各热点区域的形状、位置坐标、及其指向的url地址等信息，这个过程叫图像

热点映射。图像热点映射需要使用<map name=mapname></map>标签对进行说明，其中的name属性为该图像

热点映射指定了一个名称。
2、图像热点映射中的各个区域用<area>标签说明，<area>标签的格式为：<area shape="形状" coords="

坐标" href="url">。href部分也可以用nohref替换，表示在该区域单击鼠标无效。<area>标签还可以有

个target属性，用来指明浏览器在哪个窗口或帧中显示href属性所指向的网页资源。
3、定义好了图像热点映射后，接着就要在<img>图像标签中增加一个名为usemap的属性设置，usemap属性

指定该图像被用作图像地图，其设置值为所使用的图像热点映射名称，格式为：在<map>标签的name属性

设置值前多加一个“#”字符。例如，<img src="logo.jpg" usemap="#mymap">