一文详解HTML属性
myzbx 2024-12-02 22:37 19 浏览
HTML全局属性是所有HTML元素共有的属性。它们可以应用于所有元素,尽管它们可能对某些元素没有影响。
HTML属性
HTML元素可以设置属性
属性可以在元素中添加附加信息
属性一般描述于开始标签
属性总是以名称/值对的形式出现,比如:name="value"。
属性和属性值对大小写不敏感。不过,万维网联盟在其HTML4推荐标准中推荐小写的属性/属性值。而新版本的(X)HTML要求使用小写属性。
大多数HTML元素支持的属性:
class:为html元素定义一个或多个类名(classname)(类名从样式文件引入)
id:定义元素的唯一id
style:规定元素的行内样式(inlinestyle)
title:描述了元素的额外信息(作为工具条使用)
HTML超链接及其属性
HTML使用标签<a>来设置超文本链接。超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。默认情况下,链接将以以下形式出现在浏览器中:
一个未访问过的链接显示为蓝色字体并带有下划线。
访问过的链接显示为紫色并带有下划线。
点击链接时,链接显示为红色并带有下划线。
如果为这些超链接设置了CSS样式,展示样式会根据CSS的设定而显示。
在标签<a>中使用了href属性来描述链接的地址。
实例
<a href="https://www.kaikeba.com/">访问开课吧</a>1复制代码类型:[html]
上面这行代码显示为:访问开课吧
点击这个超链接会把用户带到开课吧的首页。
使用target属性,你可以定义被链接的文档在何处显示。
实例
<ahref="https://www.kaikeba.com/"target="_blank">访问开课吧</a>
target="_blank":在新窗口中打开被链接文档。
target="_self": 默认,在相同的框架中打开被链接文档。
target="_parent":在父框架集中打开被链接文档。
target="_top": 在整个窗口中打开被链接文档。
target=framename:在指定的框架中打开被链接文档。 1234567891011复制代码类型:[html]
HTML图像标签及其属性
在HTML中,图像由<img>标签定义。<img>是空标签,意思是说,它只包含属性,并且没有闭合标签。
要在页面上显示图像,你需要使用源属性(src)。src指"source"。源属性的值是图像的URL地址。
定义图像的语法是:
<imgsrc="url"alt="some_text"> 1复制代码类型:[html]
URL指存储图像的位置。
alt属性用来为图像定义一串预备的可替换的文本。在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯,这样有助于更好的显示信息,并且对于那些使用纯文本浏览器的人来说是非常有用的。
height(高度)与width(宽度)属性用于设置图像的高度与宽度。属性值默认单位为像素。
<imgsrc="logo.jpg"alt="kaikeba"width="300"height="120"> 1复制代码类型:[html]
提示:指定图像的高度和宽度是一个很好的习惯。如果图像指定了高度宽度,页面加载时就会保留指定的尺寸。如果没有指定图片的大小,加载页面时有可能会破坏HTML页面的整体布局。
- 上一篇:css基础必备-元素背景,前端小白一看就会
- 下一篇:干货汇总:HTML的基本属性
相关推荐
- Oculus虚拟控制器细节曝光:可实现游戏控制
-
最近,Oculus发布了OculusRift的开发者指南与Oculus的0.7版本SDK开发开发工具,从中我们看到了关于OculusTouch虚拟现实游戏控制器与虚拟现实头盔配合使用的更多细节。O...
- 58年游戏控制器进化史 1分钟视频科普醒脑
-
今日,油管频道SuperDeluxe发布了一段手柄发展史特制视频,从1958年电子游戏鼻祖《TENNISFORTWO》控制器开始,到随后较为知名的「Pong」与「FC」,很多产品是具有相似结构和...
- 真正用手玩游戏 对应Valve Index的SteamVR手套控制器预购
-
尽管不温不火,不过SteamVR游戏也有不少忠实玩家,日前一款支持ValveIndex的SteamVR手套控制器RealityXRGameGlove公开预购,一起来了解下。·RealityX...
- 499元起,八位堂全按键专业街机控制器“天刃星”发售
-
IT之家5月18日消息,八位堂昨日在国内发售了新款全按键专业街机控制器“天刃星”,可选复古版、Xbox版,定价分别为499元和599元。两款控制器均为电子竞技和街机游戏的职业玩家设计...
- 八位堂发布两款Fightingdeck控制器:专为格斗、射击类游戏打造
-
IT之家5月17日消息,八位堂日前宣布,将于2025年7月15日推出两款全新的Fightingdeck街机控制器:一款定价89.99美元(IT之家注:现汇率约合649元...
- HORI《太鼓达人》游戏专用控制器11月6日首销,478元
-
IT之家11月1日消息,HORI索尼授权《太鼓达人》专用游戏控制器“太鼓”现已上架京东,将于11月6日开售,这款“太鼓”支持PS5/PS4/PC使用,相比Switch...
- 修改手机通知栏,居然能玩游戏!
-
在之前的内容中,技能君给大家分享过不少关于手机通知栏美化的小技巧,然而,这些胡里花俏的技能,全都是仅支持安卓手机的。所以,今天技能君就给iPhone的小伙伴们带来一款仅支持iPhone的通知栏美化小组...
- 用完支付宝、微博和淘宝的小组件,我发现我回不去了
-
iOS14的更新之后,最开心的就是我们这群被苹果封闭系统“禁欲”了很多年的苹果用户了。仿佛一瞬间所有人的iPhone都成为了一款“变装”游戏,各种花里胡哨的图标,好看的小组件一...
- 《使命召唤17:黑色行动冷战》追加3v3狙击战模式
-
《使命召唤17:黑色行动冷战》周二进行了更新中,追加了一个在《使命召唤16:现代战争》中首次普及的游戏模式——3V3狙击游戏。它通过限定玩家使用狙击步枪来改变常规的枪战模式。TreyarchStud...
- Unity常用组件整理(一)
-
【1】变换Transform为物体提供最基本的位置、旋转、缩放等属性,而且“父子关系”也由它管理(每个物体有且只有一个)【2】光源Light为场景提供各种光源。大部分材质都需要有光源照射才能正...
- HarmonyOS新增300多个开源组件,涉游戏、音视频等8大类
-
据“HarmonyOS开发者”微信公众号7月28日消息,自第一批HarmonyOS400+组件开源后,本次新增300多个开源组件,共涉及8大类(工具、网络、文件数据、UI、框架、动画图形、音视频、游...
- 《我的世界》狂欢节强势来袭 惊喜折扣福利送不停
-
亲爱的冒险家,双11即将到来,我们也迫不及待为大家带来了好消息~“MC狂欢节”强势来袭!方块世界有惊喜折扣等着你哦~11月6日到11月11日,《我的世界》将携手知名KOL与开发者在虎牙直播欢乐开播,...
- 游戏开发需要学什么
-
游戏开发可以说是当下最热门的专业了,不过这一行业虽然很火热,但也有一定的竞争压力。这个行业需要大量的人才,而且游戏开发这个行业目前还处于初级阶段,所以发展空间还是很大的。现在有很多人都想进入这个行业,...
- 昆仑万维开源Matrix-Game大模型 可据指令生成相应游戏世界视频
-
【太平洋科技快讯】5月13日,昆仑万维宣布,旗下Matrix系列的交互式世界生成方向正式落地,推出Matrix-Game大模型(17B),并开源其核心代码。Matrix-Game是工业界首个...
- 游戏帧数低硬件不背锅 如何完善游戏运行环境?
-
众所周知,在玩游戏的过程中,电脑配置对游戏的体验影响是巨大的,不同的硬件配置会对游戏的运行效果产生千差万别的效果。但是除了硬件条件以外,运行环境对游戏的运行效果也是有着千丝万缕的影响。想要获得一个完美...
- 一周热门
- 最近发表
- 标签列表
-
- HTML 简介 (30)
- HTML 响应式设计 (31)
- HTML URL 编码 (32)
- HTML Web 服务器 (31)
- HTML 表单属性 (32)
- HTML 音频 (31)
- HTML5 支持 (33)
- HTML API (36)
- HTML 总结 (32)
- HTML 全局属性 (32)
- HTML 事件 (31)
- HTML 画布 (32)
- HTTP 方法 (30)
- 键盘快捷键 (30)
- CSS 语法 (35)
- CSS 选择器 (30)
- CSS 轮廓宽度 (31)
- CSS 谷歌字体 (33)
- CSS 链接 (31)
- CSS 定位 (31)
- CSS 图片库 (32)
- CSS 图像精灵 (31)
- SVG 文本 (32)
- 时钟启动 (33)
- HTML 游戏 (34)