首页 > 其他分享 >HTML id 属性

HTML id 属性

时间:2022-09-27 11:01:55浏览次数:67  
标签:书签 HTML iframe id CSS 属性

HTML id 属性

使用 id 属性
id 属性为 HTML 元素指定一个唯一的 id(该值在 HTML 文档中必须是唯一的)。
CSS 和 JavaScript 可以使用 id 值对具有特定 id 值的元素执行某些任务。
在 CSS 中,要选择具有特定 id 的元素,请编写一个井号 (#) 字符,后跟该元素的 id:
例子
使用 CSS 为 id 为“myHeader”的元素设置样式:

我的标题

结果: 我的标题 提示: id 属性可用于任何 HTML 元素。 注意:id 值区分大小写。 注意:id 值必须至少包含一个字符,并且不能包含空格(空格、制表符等)。

类和ID之间的区别
一个 HTML 元素只能有一个属于该单个元素的唯一 id,而一个类名可以被多个元素使用:
例子

我的城市

伦敦

伦敦是英格兰的首都。

巴黎

巴黎是法国的首都。

东京

东京是日本的首都。

提示:您可以在我们的 CSS 教程中了解更多关于 CSS 的信息。

带有 ID 和链接的书签
HTML 书签用于允许读者跳转到网页的特定部分。
如果您的网页很长,书签会很有用。
要制作书签,您必须先创建书签,然后添加一个链接。
单击链接时,页面将滚动到带有书签的位置。
例子
首先,使用 id 属性创建一个书签:

第 4 章

然后,在同一页面中添加一个指向书签的链接(“跳转到第 4 章”): 跳至第 4 章 或者,从另一个页面添加指向书签的链接(“跳转到第 4 章”): 例子 跳至第 4 章

在 JavaScript 中使用 id 属性
JavaScript 可以使用 getElementById() 方法访问具有指定 id 的元素:
例子
使用 id 属性通过 JavaScript 操作文本:

提示:在 HTML JavaScript 章节或我们的 JavaScript 教程中学习 JavaScript。

HTML iframe

iframe 用于在网页中显示网页。

iframe 语法
HTML iframe 定义为 src 属性指定内嵌框架页面的 URL(网址)。

iframe - 设置高度和宽度
使用 height 和 width 属性来指定 iframe 的大小。
默认情况下,高度和宽度以像素为单位指定:
例子

或者你可以使用 CSS 来设置 iframe 的高度和宽度: 例子

iframe - 移除边框
默认情况下,iframe 周围有边框。
要删除边框,请添加样式属性并使用 CSS 边框属性:
例子

使用 CSS,您还可以更改 iframe 边框的大小、样式和颜色: 例子

iframe - 链接目标
iframe 可用作链接的目标框架。
链接的target属性必须引用iframe的name属性:
例子

维基百科

HTML iframe 标记
标签
描述

标签:书签,HTML,iframe,id,CSS,属性
From: https://www.cnblogs.com/amboke/p/16733790.html

相关文章

  • JavaWeb--HTML & CSS--2022年9月27日
    第一节  HTML--w3school网站可学习1、快速入门A、总结HTML文件以.htm或者.html为扩展名HTML结构标签  ......
  • video标签设置autoplay无效
    在html页面使用video标签的时候,给它设置了autoplay属性,即autoplay=“autoplay”,发现没有什么效果;解决方法是:给video标签加上muted属性就可以自动播放了,静音的意思;......
  • IDEA控制台输出中文为乱码解决方法
    IDEA控制台输出中文为乱码解决方法 当前环境:IntelliJIDEA2021.3heJDK18 01)在IDEA设置中修改编码设置  02)修改IDEA安装文件idea64.exe.vmoptions修改-......
  • 界面组件DevExpress WinForms v22.1 - 全新升级的HTML CSS 模板
    DevExpressWinForms拥有180+组件和UI库,能为WindowsForms平台创建具有影响力的业务解决方案。DevExpressWinForms能完美构建流畅、美观且易于使用的应用程序,无论是Office......
  • Qt Table Widget常用操作 添加复选框控件
    QtTableWidget常用操作一、鼠标悬浮在item上显示提示信息 1、在构造函数开启tableWidget控件的鼠标捕获功能//开启鼠标捕获功能(实现tablewidget的悬浮功能)......
  • IntelliJ IDEA安装中文插件
    1.运行IntelliJIDEA程序2.点击左上角“File”//文件3.点击下拉的“Settings"//设置4.点击"Plugins"//插件5.点击右侧的"Marketplace"6.搜索"Chinese"7.找到"Chinese......
  • Android 版本之间的依赖
    Android版本号对应关系GradlePluginandAndroidStudio依赖关系GradlePluginandgradleVersion依赖关系......
  • 帧结构和物理资源(CRB,Resourcegrid,Resource-element和PointA)
    Resourcegrid  N.B.commonRB我们会在本文后半部分介绍,这里先简单介绍一下:commonresourceblock指的是在不同的numerology中,即对于某一种子载波间距配置,commonre......
  • 分布式ID详解(5种分布式ID生成方案)
    分布式架构会涉及到分布式全局唯一ID的生成,今天我就来详解分布式全局唯一ID,以及分布式全局唯一ID的实现方案@mikechen什么是分布式系统唯一ID在复杂分布式系统中,往往需......
  • 「国产系统」Tubian 0.3,兼容Windows和Android的GNU/Linux系统!
    Tubian是我的自用系统整理而成的Linux发行版,基于Debian,对Windows和Android应用提供了较为完善的兼容。可以直装QQTIM微信MSOFFICE等大量Windows应用,并且几乎实现对Android......