日期: 2022-09-21 00:14:29 浏览数:2

上往建站提供服务器空间服务商,百度快照排名,网站托管,百度推广运营,致力于设计外包服务与源代码定制开发,360推广,搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营:网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务,专业团队服务,效果好。
福建省三明网站建设_网站制作_公司开发设计_一站式全包_10多年经验满意为止

HTML 标签中有一些通用的属性,如 id、title、class、style 等,这些通用属性可以在大多数 HTML 标签中使用,下面来简单介绍一下它们的用法。
id 属性用来赋予某个标签唯一的名称(标识符),当我们使用 CSS 或者 JavaScript 来操作这个标签时,就可以通过 id 属性来找到这个标签。
为标签定义 id 属性可以给我们提供很多便利,比如:
如果标签中带有 id 属性作为唯一标识符,通过 id 属性可以很方便的定位到该标签;
如果 HTML 文档中包含多个同名的标签,利用 id 属性的唯一性,可以很方便的区分它们。
注意:在一个 HTML 文档中 id 属性的值必须是唯一的。
示例代码如下所示:
<input type="text" id="username" /><div id="content">C语言中文网</div><p id="url">http://c.biancheng.net/</p>
与 id 属性类似,class 属性也可以为标签定义名称(标识符),不同的是 class 属性在整个 HTML 文档中不必是唯一的,我们可以为多个标签定义相同的 class 属性值。另外,还可以为一个 HTML 标签定义多个 class 属性值,如下所示:
<div class="className1 className2 className3"></div><p class="content">C语言中文网</p><div class="content">http://c.biancheng.net/</div>
当使用 CSS 或者 JavaScript 来操作 HTML 标签时,同样可以使用 class 属性来找到对应的 HTML 标签。由于 class 属性不是唯一的,所以通过 CSS 或 JavaScript 对 HTML 标签的操作会应用于所有具有同名 class 属性的标签中。
title 属性用来对标签内容进行描述说明,当鼠标移动到该标签上方时会显示出 title 属性的值,如下例所示:
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>演示文档</title></head><body><a href="http://c.biancheng.net/html/" title="HTML教程">HTML教程</a></body></html>
运行结果如下图所示:

将鼠标在链接处悬停片刻才能看到提示框。
使用 style 属性我们可以在 HTML 标签内部为标签定义 CSS 样式,例如设置文本的颜色、字体等,如下例所示:
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>演示文档</title></head><body><p style="color:red;">http://c.biancheng.net/html/</p><img src="./logo.png" style="height:50px;" alt="C语言中文网LOGO"><div style="padding:10px;border:2px solid #999;text-align:center;">C语言中文网</div></body></html>
福建省三明网站建设_网站制作_公司开发设计_一站式全包_10多年经验满意为止
上往建站提供搭建网站,域名注册,官网备案服务,网店详情页设计,企业网店,专业网络店铺管理运营全托管公司咨询电话,服务器空间,微信公众号托管,网页美工排版,致力于域名申请,竞价托管,软文推广,全网营销,提供标准级专业技术保障,了却后顾之忧,主营:虚拟主机,网站推广,百度竞价托管,网站建设,上网建站推广服务,网络公司有哪些等业务,专业团队服务,效果好。
服务热线:400-111-6878 手机微信同号:18118153152(各城市商务人员可上门服务)