百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

一文详解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属性来描述链接的地址。

实例

Bash
<a href="https://www.kaikeba.com/">访问开课吧</a>1复制代码类型:[html]

上面这行代码显示为:访问开课吧

点击这个超链接会把用户带到开课吧的首页。

使用target属性,你可以定义被链接的文档在何处显示。

实例

Bash
<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页面的整体布局。

开课吧广场-人才学习交流平台

相关推荐

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是工业界首个...

游戏帧数低硬件不背锅 如何完善游戏运行环境?

众所周知,在玩游戏的过程中,电脑配置对游戏的体验影响是巨大的,不同的硬件配置会对游戏的运行效果产生千差万别的效果。但是除了硬件条件以外,运行环境对游戏的运行效果也是有着千丝万缕的影响。想要获得一个完美...