html(二)基础标签

news2024/11/25 3:03:18

一  HTML中的注释

重点: 在'哪'写注释? 注释的'形式'?

'vs code'和'webstorm'都可以通过 'ctrl + /' 进行'单行'注释和'取消注释'

①   html中注释的形式

1) html文档中'单行'和'多行'注释是"<!--  -->"                      -->'html'

2) 在html文档中,'script标签内'的内容可以用"//"进行单行和多行的注释    -->'js'

3) 在html文档中,'style标签'内的内容可以用"/* */"进行单行和多行的注释  -->'css'

②  注意事项

注意:浏览器虽然'不渲染'注释,但是可以通过'浏览器的源码'看到注释,所以生产环境建议禁止使用注释

二   HTML标签的构成

①  标签结构说明

②  常见的闭合标签

③  常见自带换行的标签

1) <p>、<br>、<h1-h9>、<hr/>标签都会使'文本换行'

2) 不同之处就是它们的'间距不同',用'<p>标签'分段的间距'比较大',层次更加分明

④  标签间的关系

三  常用标签

①  标题标签

②   段落标签

翻译: paragraph

③  换行水平标签

④   文本格式化标签

两组的区别

四    媒体标签

 ①   图片img标签 img

重点: 了解'常用'的属性  --> 'src'、'alt'、'title'、'height'、'width'

 

关注: 'src'属性的'路径'问题

+++++++ "绝对和相对路径" +++++++

绝对路径: 是相对'root 根资源目录'的路径 

 1)同一'站点' --> Linux中一般以'/'开头

 2)不同网站   -->'带域名|ip'的

  

相对路径: 相对于"当前页面资源"的路径 

  

②  音频标签 audio  重点

怎么获取网易云歌单外链链接

③  视频标签 video

html5 video支持格式

只支持: .mp4后缀".h264编码格式"、.webm后缀"专用web视频格式"、以及.ogg后缀"音频文件"

Windows 格式工厂工具视频转换教程 

Linux ffmpeg 名命令转换视频格式   Centos7 yum安装ffmpeg  Windows使用ffmpeg

某些视频播放器不支持音频编解码器导致声音按钮被禁用只有图像没有声音

原因: 有可能'不是组件'的问题,而是'音频编码'的问题,改变'音频编码'

音频编码和视频编码解码器的学习   测试h264是否安装成功

+++++++++++  "案例讲解"  +++++++++++

ffmpeg获取视频的详细信息

思考: 'ac3'如何转化为'mp4'?

④  超链接 a标签

++++++++++++++++++  "href[跳转地址]的形式"  ++++++++++++++++++

1) <a href="https://www.wzj.com/v1">百度一下</a>

说明: '绝对 URL',指向另一个站点

2) <a href="./login.html">调自己的代码</a>

说明: '相对 URL',指向'站点内'的某个文件

3) <a href="#position">锚点</a>

说明: '锚点 URL',指向页面中的锚点

超链接表现: '颜色'和普通文本不一样,而且'有下划线',鼠标悬浮到上面'左下角'会显示对应的链接

Text fragments

说明: 'download'表示下载目标href指定的资源,'download的属性值'表示资源另存'本地'的名字

 download属性   referrerpolicy属性

⑤  img a 等标签 相对路径的说明

说明: 如果'src'或者'href'属性以'/'开头,经过'nginx'会重新进行location匹配,获取相应资源

⑥⑦⑧⑨⑩

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/336845.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

volatile 关键字

1.volatile 能保证内存可见性 volatile 修饰的变量, 能够保证 "内存可见性". 代码在写入 volatile 修饰的变量的时候, 改变线程工作内存中volatile变量副本的值将改变后的副本的值从工作内存刷新到主内存 代码在读取 volatile 修饰的变量的时候 从主内存中读取vol…

为什么B站中的弹幕可以不遮挡人物

上班逛B站时摸鱼时&#xff0c;看到了满屏的弹幕&#xff0c;而且还不挡脸&#xff0c;突然心血来潮来看看它是怎么实现的&#xff1f; 不难发现弹幕其实它就是有一个蒙版层div&#xff0c;遮挡在视频组件的上方&#xff0c;z-index层级设置的比较高&#xff08;这里是11&…

史上最全最详细的Instagram 欢迎消息引流及示例

史上最全最详细的Instagram 欢迎消息引流及示例&#xff01;关键词&#xff1a; Instagram 欢迎消息SaleSmartly&#xff08;ss客服&#xff09; 寻找 Instagram 欢迎消息示例&#xff0c;您可以用于您的业务。在本文中&#xff0c;我们将介绍Instagram欢迎消息的基础知识和好处…

window11安装node、nvm、nrm

一、安装nvm 下载nvm安装包&#xff0c;window11建议使用exe安装包 Releases coreybutler/nvm-windows GitHub 下载后双击安装 切记&#xff01;切记&#xff01;切记&#xff01; 安装nvm和nodejs的目录设置一定不要有特殊符号或者空格&#xff0c;设置一个连续的只有英文…

UMI 创建react目录介绍及配置

UMI 生成react项目目录介绍及配置 react项目目录介绍umi多种配置方案运行时配置app.ts 的使用 1、umi创建的项目目录大致如下 ├─package.json 配置依赖以及启动打包所需的命令 ├─.umirc.ts 配置文件&#xff0c;包含 umi 内置功能和插件的配置 ├── dist 打包后生成的…

情人节送什么礼物?四款情人节潮流数码好物推荐

情人节是一个特别的日子&#xff0c;是表达爱意和祝福的机会&#xff0c;如果您正在寻找一件特别的礼物&#xff0c;下面这篇文章不容错过。 推荐1&#xff1a;南卡小音舱蓝牙耳机&#xff08;299元&#xff09; 作为最能表达仪式感和诚意的礼物&#xff0c;精致和实用是很重要…

Spring中Bean的作用域问题

文章目录一、通过案例来简单体会一下Bean的作用域问题二、作用域定义三、Bean的作用域分类singletonprototyperequestsessionapplication&#xff08;了解&#xff09;singleton&#xff08;单例作用域&#xff09; 和 application &#xff08;全局作用域&#xff09;的区别we…

马尔科夫预测

一、模型介绍 天气有以下几种状态&#xff1a;晴天、雨天、阴天若已知天气当前处于某种状态&#xff0c;则天气未来的状态只与现在有关&#xff0c;与过去无关注意&#xff0c;天气的状态是随机的&#xff0c;只能求明天处于某一种状态的概率描述这种随机现象的模型&#xff0…

Visual Commonsense R-CNN 实现和代码

这篇文章比较早&#xff0c;但是对于因果介绍的比较详细&#xff0c;很值得学习。 代码&#xff1a;https://github.com/Wangt-CN/VC-R-CNN 代码花了挺长时间总算跑通了&#xff0c;在 3080 上调真是错误不断&#xff0c;后来换到 2080 又是一顿调才好。这里跑通的主要环境为 u…

代理模式详解

本文首更于《从零开始手把手教你实现一个简单的RPC框架》 。 1. 代理模式2. 静态代理3. 动态代理 3.1. JDK 动态代理机制 3.1.1. 介绍3.1.2. JDK 动态代理类使用步骤3.1.3. 代码示例 3.2. CGLIB 动态代理机制 3.2.1. 介绍3.2.2. CGLIB 动态代理类使用步骤3.2.3. 代码示例 3.3. …

win10系统安装Nginx

Nginx是一款自由的、开源的、高性能的HTTP服务器和反向代理服务器&#xff0c;同时也提供了IMAP/POP3/SMTP服务。 Nginx可以进行反向代理、负载均衡、HTTP服务器&#xff08;动静分离&#xff09;、正向代理等操作。因为最近在公司使用到了Nginx 第一步&#xff1a;下载Nginx …

想找大数据工作需要学些什么

大数据开发做什么&#xff1f; 大数据开发分两类&#xff0c;编写Hadoop、Spark的应用程序和对大数据处理系统本身进行开发。大数据开发工程师主要负责公司大数据平台的开发和维护、相关工具平台的架构设计与产品开发、网络日志大数据分析、实时计算和流式计算以及数据可视化等…

12_FreeRTOS任务相关API函数

目录 FreeRTOS任务相关API函数介绍 获取任务优先级函数 设置任务优先级函数 获取任务数量函数 获取所有任务状态信息 获取指定的单个任务的状态信息 获取当前任务句柄 通过任务名获取任务句柄 获取任务栈历史最小剩余推栈 以表格的形式获取系统中任务信息 实验源码 …

【虹科】防止PCB组装过程出现质量错误的5种方法

质量问题和错误时有发生&#xff0c;尤其是在涉及PCB和电子产品制造的复杂人为操作任务中。通常情况下&#xff0c;企业可能会配备自动光学检测&#xff08;AOI&#xff09;等系统&#xff0c;这些系统通常用于制造过程中“中间”阶段的检测。尽管AOI系统为质量控制创造价值&am…

Jmeter in Linux - 如何在Linux系统使用Jmeter压测?

Jmeter in Linux - 如何在Linux系统使用Jmeter压测&#xff1f;Jmeter in Linux系列目录&#xff1a;1. 在windows创建好一个测试计划&#xff1a;2. 保存后&#xff0c;将jmx后缀的文件上传至Linux服务器3. 执行jmeter命令4. 根据执行日志分析压测报告5. 解析压测报告Jmeter i…

有效的括号-力扣20-java

一、题目描述给定一个只包括 (&#xff0c;)&#xff0c;{&#xff0c;}&#xff0c;[&#xff0c;] 的字符串 s &#xff0c;判断字符串是否有效。有效字符串需满足&#xff1a;左括号必须用相同类型的右括号闭合。左括号必须以正确的顺序闭合。每个右括号都有一个对应的相同类…

【huggingface系列学习】Using Transformers

文章目录前言Using Transformers使用tokenizer预处理Tokenizer详解Loading and saving加载保存EncodingDecodingModel创建一个Transformer不同的加载方法模型保存使用模型进行推理前言 因实验中遇到很多 huggingface-transformers 模型和操作&#xff0c;因此打算随着 course …

剖析字节案例,火山引擎 A/B 测试 DataTester 如何“嵌入”技术研发流程

更多技术交流、求职机会&#xff0c;欢迎关注字节跳动数据平台微信公众号&#xff0c;回复【1】进入官方交流群 日前&#xff0c;在 WOT 全球创新技术大会上&#xff0c;火山引擎 DataTester 技术负责人韩云飞做了关于字节跳动 A/B 测试平台的分享。DataTester 是字节跳动内部应…

Roboguide与TIA V16通讯

软件需求:1. roboguide;2. TIA V16;3. KEPServer; 在之前的文章中介绍过KEPServer与TIA V16的通讯,此处不再介绍。接下来,介绍roboguide与KEPServer的仿真通讯。 创建一个roboguide项目。选择【外部设备】➡【添加外部设备】 选择【OPC Server】➡【OK】 OPC服务器名称命…

linux安装并配置nginx

菜鸟教程 一 . Nginx安装和部署 1.输入指令&#xff0c;下载相关的依赖包 yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-develYUM(Yellow dog Updater, Modified)为多个Linux发行版的前端软件包管理器 -y 是参数&#xff0c;默认不要确认&#xff0c; rp…