web-html5 主要是标签

最新推荐文章于 2024-09-04 22:39:39 发布
最新推荐文章于 2024-09-04 22:39:39 发布
阅读量391 收藏 5
点赞数 5
文章标签： 前端 html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mkbkopp/article/details/137611317
版权
本文介绍了HTML的基础知识，包括标签的成对使用、嵌套、缩进规则，以及标题、段落、换行、文本格式化、图像、超链接、音频和视频标签的使用方法，重点讲解了HTML5中的video标签属性。
摘要由CSDN通过智能技术生成

HTML: 超文本标记语言

 HTML骨架

！+enter/tab

标签

标签特点

1.成对

2.<> XXX </>

3.双标签 ：包裹内容 

4.单标签：少

5.扩展名：.html

标签的关系

作用：明确代码的位置

嵌套，并列

缩进：tab shift+tab

注释

<!--...-->   ctrl+/

标题标签

名字相关的内容

h1~h6 六级标题

h1:只可以用一次

其他没有

段落标签

<p>

描述信息

换行和水平线标签

<br>

<hr>

文本格式化标签

作用：突出

强调的含义：用多的比如：<strong>

没有<br>的话，应该就是在一行显示。

图像标签

作用：插入图片

./ 可以指定路径。

<img src="URL">

图像属性

alt:替换

title:提示  可以通过悬停鼠标看到提示。（有用）

width  height

单位默认是像素单位。

空格隔开，不区分先后

路径

查找文件的。

相对：从当前文件位置出发查找文件

. :当前

.. :上一级

/ :进入

绝对：从盘符出发    /  \ :都行

应用场景：友情链接

在线网站的图

超链接标签

作用：跳转

新窗口跳转

空链接 

音频标签

视频标签

muted它是静音播放。

HTML 5 video 视频标签全属性详解_html video属性-CSDN博客

mkbkopp
关注
  • 5
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
前端的面试题
本人小可爱
08-30 768
【代码】前端的面试题。
js对象操作常用方法
m0_75276704的博客
09-02 510
2.构造函数创建 2.方括号 三、添加属性 四、删除属性 五、判断属性是否存在 1.in运算符 2.hasOwnProperty方法 六、遍历对象属性 1.for...in...循环 2.Object.keys，Object.values，Object.entries 七、深拷贝与浅拷贝 1.浅拷贝 2.深拷贝 八、合并对象 Object.assign 九、其他方法 1.Object.is() 比较两个
后端输出二进制数据，前端fetch接受二进制数据，并转化为字符输出
cdcdhj的博客
09-01 447
在这个前端代码中，我们使用fetch API请求PHP脚本，并获取二进制数据。然后，我们将ArrayBuffer转换为字符串，以便在JavaScript中使用。在PHP中，你可以将字符串或其他数据类型转换为二进制数据，并通过HTTP响应发送给前端。
从零开始：我的JaveWeb学习笔记之网页设计初探：探索 HTML 、CSS的奇妙世界（JavaWeb、HTML、CSS）
Hanbuhuic的博客
09-04 782
HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言。它定义了网页的结构和内容，但不包括样式和行为。HTML 由一系列的元素组成，这些元素可以被浏览器识别并渲染成可视化的网页。CSS（层叠样式表，Cascading Style Sheets）是一种用于描述HTML或XML文档的样式表语言。它能够控制网页的布局、颜色、字体以及其他视觉和版式特性。CSS 允许开发者将页面的内容（HTML）与页面的表现（CSS）分离，这样可以更灵活地进行设计和维护。
从面向对象(OOP)到面向切面(AOP)：编程范式的演变
妍思码匠的博客
08-30 1363
本文深入探讨了面向切面编程（AOP）在前端开发中的应用，解释了AOP如何通过动态增强与代码复用、降低模块间耦合度，为前端项目带来更高效、更模块化的解决方案。通过具体案例分析，如日志记录切面和动态埋点的实现，展示了如何利用装饰器模式、高阶组件等技术在前端实现AOP。理解AOP的原理与实践，将有助于开发者构建更易于维护和扩展的前端应用。无论你是前端新手还是资深开发者，本文都将为你提供有价值的见解和实用技巧。
深入理解JavaScript闭包：避免常见的内存泄漏问题
官方推荐
09-02 3595
深入理解JavaScript闭包：避免常见的内存泄漏问题
GoFly企业版里的阿里图标如何增加自定义图标到后台
GoFLy开发者的博客
09-04 318
（3）将生成好的图标复制.js文件放到项目index.html文件中。（1）配置 FontClass/Symbol 前缀为：svgfont-（2）配置 Font Family 为 iconfont。在使用位置的组件，返回图标名称。
如何用原生 JS给一个按钮绑定两个 onclick 事件？
唐家小妹的博客
09-04 49
在这个示例中，我们首先获取了 id 为 "myButton" 的按钮元素，然后分别定义了两个点击事件处理函数 handleClick1 和 handleClick2。接着，使用 addEventListener 方法为按钮元素分别绑定了这两个点击事件处理函数，当按钮被点击时，会依次执行这两个事件处理函数。这样就实现了给一个按钮绑定两个 onclick 事件的效果。然后，使用 addEventListener 方法为按钮元素添加两个不同的 click 事件监听器，分别执行不同的操作。
【Spring Boot 3】【Web】处理跨域资源共享 CORS
最新发布
又言又语
09-04 477
本文介绍开发 Spring Boot Web 应用时如何处理跨域资源共享（CORS）。跨域资源共享（CORS，Cross-Origin Resource Sharing），是一种基于 HTTP 头的机制，允许服务器标识除了自己以外的其他源（域、协议或端口），使得浏览器允许这些源访问加载自己的资源。使用注解 Controller 类或方法配置CorsFilter创建实现接口的配置类，重写其方法自定义Filter设置。
标签中的ref属性
qq_40792800的博客
09-04 480
可能存在的情况是，在挂载之前，ref() 函数已经执行，此时获取的引用则是undefined，在挂载之后，Vue 底层会自动找到对应的 ref() 与 经过ref 标记的DOM或组件，并赋值给 Value属性。1、在标签中添加 ref 属性的同时，需要在 脚本中 通过 ref() 函数定义一个容器来放置 给ref属性打上标签的DOM或组件实例，且接收的变量需要 与 标签中的ref 属性值相同。按照Vue2 的情况，此时在父组件中是可以访问到子组件中的数据的，但是通过打印，我们发现什么都没拿到。
web开发
2301_76876837的博客
09-04 156
我们在访问的网站的时候，一般就是在浏览器的网址栏里输入，再敲个回车，我们就可以访问到我们想要的网站（比如京东）。这是为什么呢？我们访问的浏览器是一个程序，京东也是一个程序，只是京东在人家电脑上运行着，我们只是远程访问了人家的前端页面。我们根据下图来讲解一下web网站的工作流程：我们在浏览器输入我们想要查找的域名，回车（搜索）后，会到，前端服务器接受到请求后会把相对应的前端代码返回给浏览器，浏览器会自动解析前端代码（因为内置了解析引擎），展示出页面效果。前端代码里由一句代码会是访问。
vue3+vant4父组件点击提交并校验子组件form表单
liuzaixi的博客
08-30 471
方法进行表单验证，如果验证通过则执行提交逻辑。获取子组件的引用，在父组件的点击事件中调用子组件的。这样父组件就可以通过。调用子组件的验证方法了。
ant design vue+vue3+ts实现一天内按钮只能点击2次，并置灰，且过当天0点时需复原~
m0_62626838的博客
08-31 504
第二步：针对一天内按钮只能点击2次需求，首先我们要拿到当前的系统日期及明天日期，并转化为“2024-09-01”格式，为后续通过Date.parse()转化为总毫秒数做对比，来实现点击次数，但此时容易忽略一个问题，即弹窗是通过v-if实现的，每一次进来都会重新渲染，在子组件中定义的点击次数变量会清零，所以此时需要进行状态管理，这里使用的是pinia来实现的，将点击次数等数据存储在pinia中，然后在弹窗组件中使用即可。第三步：针对过0点之后复原问题。（这里应计算大于等于，后续优化）
小程序页面跳转传url参数被截取问题
Xiang_Gong_Ya_的博客
08-30 387
{${${
【jQuery】前端八股文面试题
Una的博客
08-30 1887
会持续更新，但jQuery被问到的比较少，主要是是机试的时候，看会不会用。
Nginx部署前端Vue项目
不会代码的小林
09-03 538
Nginx是一款轻量级的高性能Web服务器，可以用于静态文件的托管和反向代理等场景。现在，您可以在浏览器中访问http://example.com（请替换为您自己的域名），应该可以看到Vue应用程序正在运行。请将example.com替换为您自己的域名，将/var/www/my-project/dist替换为Vue项目的dist目录的实际路径。现在，我们需要配置Nginx来托管Vue项目的静态文件。接下来，我们可以使用Vue CLI创建一个新的Vue项目。在部署之前，我们需要先构建Vue项目。
告别懵逼——前端项目调试与问题排查方法小结
东扯葫芦西扯瓜——前端小菜鸟的博客
09-03 511
接手无文档的老项目1、情景描述： 你接手了一个历史久远的项目，项目文档缺失，前任开发者已经离开，而你对当前的业务逻辑和代码结构都不熟悉。然而，线上系统出现了故障，需要紧急解决。项目中出现难以复现的幽灵Bug1、情景描述： 项目中出现了难以捉摸的Bug，相关反馈人员（如测试工程师、实施人员等）无法准确描述或复现问题，这使得问题的定位变得异常困难。不管是哪种场景，我们要解决问题，关键的一点就是必须找到引发问题的地方，以及真正引发问题的原因。
前端面试模拟：常见的3个JavaScript经典考题
前端达人
08-30 1583
在一次备受期待的前端开发高级岗位面试中，你紧张地走进了会议室，对面坐着的是一位经验丰富的技术面试官。窗外阳光明媚，屋内却有一丝令人紧张的静谧。第一问：如何使用JavaScript实现事件委托？面试官微微一笑，开门见山地抛出了第一个问题：“假设你有一个包含多个按钮的父元素，如何通过事件委托来高效地管理这些按钮的点击事件？”实现步骤接下来，面试官展示了一个简单的HTML结构，其中包含一个div元素作为...
浅析前端数据埋点监控：用户行为与性能分析的桥梁
dsgdauigfs的博客
09-03 762
总的来说，前端埋点技术不仅是提升用户体验和产品运行效率的利器，更是实现数据驱动决策的重要工具。随着各类专业工具的出现，如腾讯有数、百度统计和微软Clarity，企业可以根据需求选择最适合的工具进行数据分析和优化，从而在竞争激烈的市场中保持领先地位。通过深入理解用户行为和性能数据，企业能够做出更明智的决策，推动业务持续发展，实现长期成功。通过本文的介绍，希望能够帮助前端开发者和产品团队更好地理解数据埋点的重要性，掌握实施数据埋点的方法，从而在实际工作中发挥其最大的价值。努力的小雨。
web知识训练-html5文档头部标签及属性
03-16
HTML5文档头部标签及属性包括： 1. <!DOCTYPE>：声明文档类型，告诉浏览器使用哪个HTML版本解析文档。 2. <html>：定义HTML文档的根元素。 3. <head>：定义文档头部，包含了一些元数据，如文档标题、字符编码等。...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值