首页 > 其他分享 >Web 前端

Web 前端

时间:2024-04-08 23:31:16浏览次数:29  
标签:Web 下划线 src 标签 前端 加粗 音频 属性

web标准:

构成:语言说明
结构HTML页面元素和内容
表现CSS网页元素的外观和位置等页面样式(颜色,大小)
行为JavaScript网页模型的定义与页面交互

注释 : ctrl  +  /


 

文本格式化标签介绍:

场景: 需要让文字加粗,下划线,倾斜,删除线等效果

b加粗strong加粗
u

下划线

ins下划线
i倾斜em

倾斜

s删除线del删除线
突出重要性的强调语境

图片标签 :


< img src = " "  alt = " "  title = " "  width = " "  >


src:标签属性    属性名 = "属性值"   

border : 给图像设定边框

title : 提示文本 (当鼠标悬停时,才显示的文本)

width 和 height :宽度和高度(数字);(只需给出一个值,另一个等比例出现,好处就是图片不变形)

alt : 替换文本 图像显示不出来的时候用文字替换

调整图片垂直对齐方式: middle : 居中

vertical-align : middle;

音频标签:

< audio src  = " "  controls  autoplay >  < / audio >

常见属性:

属性名功能
src音频的路径

controls

显示播放的控件
autoplay自动播放(部分浏览器不支持)
loop循环播放

音频标签目前支持三种格式 : MP3,Wav,ogg,flac

标签:Web,下划线,src,标签,前端,加粗,音频,属性
From: https://blog.csdn.net/2301_76880434/article/details/137526488

相关文章

  • 前端【Vuex】【使用介绍】
    1、组件下载vue与vuex的版本对应关系: Vue2匹配的Vuex3 Vue3匹配的Vuex4Vuex是一个专为Vue.js应用程序开发的状态管理模式+库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。官方网......
  • IDEA中Servlet中的注解@WebServlet报错,import javax.servlet.annotation.WebServlet;
    IDEA报错信息:[java.lang.LinkageError:loaderconstraintviolation:loader(instanceoforg/apache/jasper/servlet/检查pom依赖,看到这个,其实是因为selvlet这个依赖的version太低了,和你用的tomcatserver版本不匹配,所以可以降低tomcat版本,降成tomcat7及以下,或者提升pom中se......
  • CTFHUB-技能树-Web前置技能-SQL注入-Mysql结构-UA注入
    技能树-Web前置技能-SQL注入-Mysql结构-UA注入文章目录技能树-Web前置技能-SQL注入-Mysql结构-UA注入UA注入手工注入判断注入点判断字段数判断回显字段数爆库名爆表名爆列名sqlmap爆库爆表爆列名爆数据UA注入UA注入,即User-Agent注入手工注入利用bp抓包,发送......
  • web 第一章对于html总结
    1.2.2渲染引擎(了解)渲染引擎(浏览器内核):浏览器中专门对代码进行解析渲染的部分浏览器出品的公司不同,内在的揎染引也是不同的:浏览器内核不一样,渲染方式就会不同怎么做到统一的打开页面解决就是要有一个相同的web标准1.3.2Web标准的构成Web标准中分成三个构成:构成语言说明......
  • 在Windows中用RailDrive挂载WebDAV网盘
    摘要RailDrive官网:https://www.raidrive.com/用RailDrive能把WebDAV网盘挂载成和本地硬盘一样。示例登入NextCloud后,在“文件”模块的左下角,有“文件设置”4个字:点击后,在对话框底部能得到我们需要的URL:在Windows11中安装完RailDrive后,屏幕托盘区有图标:在上图点“添加”......
  • 【javaWeb &第十二篇】MybatisPlus
    MybatisPlus详细学习快速入门MybatisPlus特性标准数据层开发分页查询按条件查询查询投影DQL编程控制DML编程控制逻辑删除乐观锁代码生成器快速入门MybatisPlus是基于Mybatis框架基础上开发的增强型工具,旨在简化开发,提高效率官方地址:http://mp.baomidou.com/开......
  • 说说对WebSocket的理解?应用场景?
    一、是什么WebSocket,是一种网络传输协议,位于OSI模型的应用层。可在单个TCP连接上进行全双工通信,能更好的节省服务器资源和带宽并达到实时通迅客户端和服务器只需要完成一次握手,两者之间就可以创建持久性的连接,并进行双向数据传输从上图可见,websocket服务器与客户端通过握手连......
  • stable-diffusion-webui怎么样增加自己训练的LoRA模型?
    不怕笑话,我曾经为了找这个功能,居然搞了半天时间,结果还没有搞定。后来再不断地研究各种教程,就是没有发现这个功能,无意间发现有一个人贴了一张图片,他只是介绍放到这个目录,他没有告诉我这个目录怎么样来的,因为我在同样的位置上没有这个目录。这样我训练出来的LoRA模型居然测试......
  • [网络安全自学篇] 一.入门笔记之看雪Web安全学习及异或解密示例
    文章目录一.工具&术语1.网安术语2.常用工具3.推荐文章二.常见攻击1.SQL注入2.XSS跨站3.越权漏洞4.CSRF跨站请求伪造5.支付漏洞三.音乐异或解密示例四.总结一.工具&术语1.网安术语常见安全网站及论坛:看雪(https://bbs.pediy.com/)安全客(https://www.anquanke.com)fre......
  • 前端【Vant】01-移动端组件库
    1、介绍Vant是一个轻量、可靠的移动端组件库,于2017年开源。目前Vant官方提供了 Vue2版本、Vue3版本和微信小程序版本,并由社区团队维护 React版本和支付宝小程序版本。2、安装1#Vue3项目,安装最新版Vant:2npmivant-S34#Vue2项目,安装Vant......