HTML-全局属性

全局属性:

在这里插入图片描述

id:

唯一标识,id名不能重复

    <div id="hello1">hello1</div>
    <div id="hello2">你好啊2</div>

超链接跳转锚点(id可以写锚点)

    <a href="#atm">看奥特曼</a>
    <p id="atm">我是一个奥特曼,我可以打怪兽!</p>
    <img src="./奥特曼.jpg" alt="奥特曼">

label标签与表单进行关联的时候:

    <label for="qita">其他:</label>
    <textarea id="qita" name="other" id="" cols="30" rows="10"></textarea>

可以与CSS、JavaScript联合使用!

注意:

id、dir、lang不能在以下html元素中使用:

<head><html><meta><script><style><title>

Class:

给标签指定类名,用CSS修改样式

    <style>
          .student{
              color: red;
          }
    </style>

    <div class="student">张三</div>
    <div class="student">李四</div>

style标签写在head标签里,下面的东西写在body里

style:

    <div style="color:green">旺财</div>

dir:

出现在bdo标签是改变读取顺序:

<bdo dir="rtl">喜欢的少年是你</bdo>

rtl是从右往左
在这里插入图片描述

出现在div标签是文字在屏幕靠左还是靠右:

 <div dir="rtl">喜欢的少年是你</div>

在这里插入图片描述

title:

<div title="英雄联盟">LOL</div>

鼠标移动到LOL会提示title里的文字
在超链接里爱用哦

<a href="https://www.baidu.com" title="去百度">去百度</a>

lang:

在这里插入图片描述
在整片里插入一段其他语言可以给某个标签写上lang标签,例如:

<div lang="en">hello</div>

很少去加

其他全局属性想要了解可以百度MDN搜索

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值