诸暨企业网站建设,dedecms 网站 经常无法连接,中小型企业网站建设与推广,未来10大暴利行业通过前面的学习#xff0c;我们已经对 HTML标签 有了简单的认识#xff0c;知道可以在标签中可以添加一些属性#xff0c;这些属性包含了标签的额外信息#xff0c;例如#xff1a;
href 属性可以为 a 标签提供链接地址#xff1b;src 属性可以为 img 标…通过前面的学习我们已经对 HTML标签 有了简单的认识知道可以在标签中可以添加一些属性这些属性包含了标签的额外信息例如
href 属性可以为 a 标签提供链接地址src 属性可以为 img 标签提供图像的路径style 属性可以为几乎所有标签定义 CSS 样式。本节我们就来讲解一下 HTML 标签属性的概念和用法。
什么是属性
属性可以为 HTML 标签提供一些额外信息或者对 HTML 标签进行修饰。属性需要添加在开始标签中语法格式为 attrvalue attr 表示属性名value 表示属性值。属性值必须使用双引号 或者单引号 包围。
注意虽然双引号和单引号都可以包围属性值但是为了规范和专业请尽量使用双引号。
一个标签可以没有属性也可以有一个或者多个属性。 使用 HTML 属性的例子
p iduser-info classcolor-red欢迎 font colorred size3Tom/font 来到百度你已经在百度使用超过3年的时间了。p
div classclearfloat
p classleft这里显示 Tom 的账号信息/p
p classright这里显示 Tom 的个性签名/p
/div
专用属性
HTML 属性有很多大体可以分为两类
有些属性适用于大部分或者所有 HTML 标签我们将这些属性称为通用属性有些属性只适用于一个或者几个特定的 HTML 标签我们将这些属性称为专用属性。HTML 中的 img 标签就有 src 和 alt 两个专用属性a 标签也有 href 和 target 两个专用属性如下例所示
img src./logo.png alt百度Logo width100 height50
a hrefhttps://www.baidu.com target_blank百度/a
通用属性介绍
HTML 标签中有一些通用的属性如 id、title、class、style 等这些通用属性可以在大多数 HTML 标签中使用下面来简单介绍一下它们的用法。
1) id
id 属性用来赋予某个标签唯一的名称标识符当我们使用 CSS 或者 JavaScript 来操作这个标签时就可以通过 id 属性来找到这个标签。 为标签定义 id 属性可以给我们提供很多便利比如
如果标签中带有 id 属性作为唯一标识符通过 id 属性可以很方便的定位到该标签如果 HTML 文档中包含多个同名的标签利用 id 属性的唯一性可以很方便的区分它们。
注意在一个 HTML 文档中 id 属性的值必须是唯一的。
示例代码如下所示
input typetext idusername /
div idcontent百度/div
p idurlhttps://www.baidu.com//p
2) class
与 id 属性类似class 属性也可以为标签定义名称标识符不同的是 class 属性在整个 HTML 文档中不必是唯一的我们可以为多个标签定义相同的 class 属性值。另外还可以为一个 HTML 标签定义多个 class 属性值如下所示
div classclassName1 className2 className3/div
p classcontent百度/p
div classcontenthttps://www.baidu.com//div
当使用 CSS 或者 JavaScript 来操作 HTML 标签时同样可以使用 class 属性来找到对应的 HTML 标签。由于 class 属性不是唯一的所以通过 CSS 或 JavaScript 对 HTML 标签的操作会应用于所有具有同名 class 属性的标签中。
3) title
title 属性用来对标签内容进行描述说明当鼠标移动到该标签上方时会显示出 title 属性的值如下例所示
!DOCTYPE html
html langen
headmeta charsetUTF-8title演示文档/title
/head
bodya hrefhttps://www.baidu.com title百度一下百度一下/a
/body
/html
运行结果如下图所示
