前端学习day01--HTML标签01

已于 2023-06-21 21:44:14 修改
阅读量70 收藏
点赞数
分类专栏： 前端 文章标签： html5 前端 html
于 2023-06-21 17:07:56 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_50833617/article/details/131330873
版权

1.文本标签

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Demo01</title>
</head>
<body>
	<!-- 标题标签 <h1>to<h6>-->
    <h1>标题</h1>
	<h2>标题</h2>
	<h3>标题</h3>
	<h4>标题</h4>
	<h5>标题</h5>
	<h6>标题</h6>
	<!-- 段落标签 -->
	<p>
		审计分析。审计分析是指通过对上市公司的财务报告进行审计，检查其是否符合会计准则、法律法规和信息披露规定，是否存在虚增收入、虚减成本、虚增资产、虚减负债、隐瞒损失、操纵利润等财务造假行为。
	</p>
	<hr><!-- 水平分割线 -->
	<p>
		审计分析是识别和揭露财务造假行为的最直接和有效的方法，也是法律法规规定的必要程序。<br><!-- 换行 -->
		审计分析主要依靠审计机构的专业能力和独立性，以及审计程序的严谨性和完整性。
	</p>
</body>
</html>

 2.媒体标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Demo03</title>
</head>
<body>
    <!-- 媒体标签 -->
   <img src="./素材/图01.jpg" alt="飞的人和鸟" title="图片01" width="200" height="200">
   <br><!-- alt为替换文本（图片不显示时）title为鼠标悬停时显示 -->
   <video src="https://img.qunliao.info/2022/11/03/4f34a4a77ff97f3a3a1fH9307fa37a7zf10b0a?filename=1.mp4" controls autoplay muted width="300" height="200"></video>
   <br>
   <audio src="C:\Users\22876\Desktop\code\day01\素材\赵雷-画.mp3" controls loop>画</audio>
   <br>
   <a href="https://www.baidu.com/" target="_blank">百度一下</a>
   <br>
   <a href="./前端demo01.html">Demo01</a>
   <br>
   <a href="#">空链接</a>
</body>
</html>

3.文本格式化标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Demo02</title>
</head>
<body>
    <!-- 文本格式化标签 -->
    <b>加粗</b>
    <strong>加粗</strong>
    <u>下划线</u>
    <ins>下划线</ins>
    <i>倾斜</i>
    <em>倾斜</em>
    <s>删除线</s>
    <del>删除线</del>
</body>
</html>

4.案例_音乐推荐

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>音乐</title>
</head>
<body bgcolor="#D7E9FF">
    <h1>音乐推荐</h1>
    <hr>

    <h2>歌曲---画</h2>
    <p>
        《画》是中国民谣歌手 <a href="https://baike.baidu.com/link?url=KPDpE8UF-vMDyfMKY5ysdWRBBNQf66u0bOq-dyaUZIMq83Q7NbijpmEufgaO-6YfOzpdJzJu0Rr25M3Ft1MkK_" target="_blank">赵雷</a>作词、作曲并演唱的一首歌曲。该曲于2011年8月7日发行，收录于专辑《赵小雷》。
    </p>
        <img src="./素材/赵雷.jpg" alt="赵雷" width="400">
        <br>
        <audio src="./素材/赵雷-画.mp3" controls loop></audio>
    <p>
        在2014年举办的《中国好歌曲》全国30进20比赛中，赵雷现场演唱了这首歌，被刘欢称赞为
        <strong>“神来之笔”</strong>，并收录于刘欢的原创大碟《新九拍》中。
    </p>

    <h2>歌曲---MV</h2>
        <video src="./素材/画.mp4" controls autoplay muted loop width="400"></video>
    <P>
        《画》是赵雷制作第一张专辑《赵小雷》期间的创作，当时他因创作遇到瓶颈而倍感压抑，歌词起句“为寂寞的星空画上一个月亮”，勾勒的就是创作这首歌的情景。<br> “一次演出太晚了，就没回家睡在了酒吧，凌晨三四点被装修的电钻声吵醒，当时生活清贫，而且创作的精神压力很大，满脑子幻想，就这样想出了这首歌”。《画》中所描述的画面，就是赵雷向往的生活——田园生活。
    </P>
</body>
</html>
王壮_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端学习day01--HTML标签02
qq_50833617的博客
06-22 46
知识+案例
DAY01-HTML5标签
tang7mj的博客
07-17 559
通过综合应用各种HTML标签，创建一个包含个人简介的网页。通过综合应用各种HTML标签，创建一个包含Vue.js简介的网页。
WEB前端学习day1-HTML
qq_44850230的博客
03-19 1345
HTML基础知识 1.HTML语法规范 <html> <head></head> <body></body> </html> <br/> 标签是尖括号包围的关键字。 通常是双标签，开始和结束标签，如<html>等； 也有单标签，如<br/> 也可写为<br> (转义标签用``) 2.网页初始化 DOCTYPE:声明文档类型 告诉浏览器使用哪种HTML版本来显示网页 lang：定义文档
【WEB学习】Day01-HTML标签
oo00Z00oo的博客
01-06 234
WEB学习Day01-HTML标签 【时间】2022/1/5 【内容一：自结束标签和注释】 ①标签往往是成对出现的，但有的标签并不是成对出现，比如: <img> <input>等。他们叫做自结束标签。 有时也可写作：<img  /> <input  /> ②注释的写法：　 <!-- 注释内容 --> 注释不显示在网页中，而是放在源码
系统学习前端之CSS---day01
weixin_63522291的博客
12-24 1332
和
前端学习day01：基础认知+HTML标签学习
qq_46244116的博客
05-02 1072
文章目录前言一、基础认知Web标准的构成HTML初体验1、HTML的感知2、HTML骨架结构HTML骨架结构由哪些标签组成3、开发工具的使用VS Code的基本快捷键语法规范1、 HTML的注释注释的作用和写法2、 HTML标签的构成HTML标签的结构二、HTML标签学习1. 排版标签1. 标题标签2. 段落标签3. 换行标签4. 水平线标签2. 文本格式化标签3. 媒体标签1. 图片标签图片标签的介绍图片标签的src属性图片标签的alt属性图片标签的title属性图片标签的width和height属性➢
前端学习笔记day01--基本标签
m0_38077048的博客
09-22 344
前端学习笔记day01 W3C(World Wide Web Consortium)万维网联盟，制定标准 1.结构标准（XHTML，XML）–html 2.表现标准（CSS）–css 3.交互标准（DOM，ECMAscript）–js（JavaScript） 动态效果 标准的目的：达到表现与结构、交互的分离 HTML（Hyper Text Markup Language） 超文本标记语言 超文本：支持视频、音频、图片等多种格式 标记语言：用标签组成->浏览器解析->网页 不区分大小写 93
web前端学习day-01
ppyy8的博客
02-03 653
1.软件下载：Hbuilder 2.HTML概述 HTML是超文本标记语言。 html相当于身体，css相当于衣服，JavaScript相当于动作，这样理解比较直观。 一个html文件的基础格式为： <html> <head> <title> 标题 </title> </head> <body> </body> </html> 3.常用标签
day01-02前端基础
weixin_46164192的博客
06-04 960
AJavaScriptAndXML，异步JavaScript和XML数据交换：通过Ajax可以给服务器发送请求，并获取服务器响应的数据异步交换：可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术，如：搜索联想、用户名是否可用的校验等等是饿了么团队研发的，一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库组件：组成网页的部件，例如超链接、按钮、图片、表格、表单、分页条等快速入门：访问官网、复制组件代码，调整。
React学习Day01-React基本介绍
攻城狮Chova的博客
02-16 463
React基本介绍React 基本介绍React 的特点React 高效的原因React 基本使用相关 js 库React JSX虚拟 DOMJSX渲染虚拟DOM创建虚拟DOM的两种方式模块与组件以及模块化与组件化的理解 React 基本介绍 React 的特点 声明式开发Declarative 组件化编码Component-Based 一次学习随处编写 Learn Once,Write Anywhere.支持客户端和服务器的渲染 高效 单向数据流 React 高效的原因 虚拟 DOM,不总是直接操作
纯前端小游戏，4096小游戏，有音效，Html5，可学习使用
最新发布
m0_62996549的博客
07-18 282
【代码】纯前端小游戏，4096小游戏，有音效，Html5，可学习使用。
探索HTML5的设计原则：引领Web开发的未来方向
s8305057的博客
07-09 708
综上所述，HTML5的设计原则体现了对用户体验、内容可访问性、跨平台兼容性以及未来可扩展性的全面考量。这些原则不仅推动了Web技术的不断进步，也为Web开发者提供了更加丰富和强大的工具集。随着HTML5技术的不断成熟和普及，我们有理由相信，Web应用将变得更加智能、高效和人性化，为用户带来前所未有的体验。作为Web开发者，我们应积极拥抱HTML5及其设计原则，不断探索和创新，共同推动Web技术的未来发展。
vue3前端开发-小兔鲜项目-人气推荐栏目的前端渲染
yrldjsbk的博客
07-18 335
除了必要的import导入之外，剩余的就是直接调用了，赋值了。经历过上一次的，新鲜好物的栏目渲染之后，我们已经熟练了，vue3的接口调用，数据渲染到页面中的整体流程。如图，我们已经做好了，列表的渲染赋值。里面可以看见，顶部是脚本，中间是模板，底部是样式。在首页面，内容里面，会看见很多内容，上期内容我们已经完成了新鲜好物的渲染操作。1：打开接口文档，查询：人气推荐栏目的接口地址信息和参数，返回值对象信息等。以上内容就是，已经写好的，HomeHot的模板代码了。如图，地址信息和调用的方式已经清楚了。
Web前端-Web开发CSS基础6-弹性盒子
a15735748145a的博客
07-16 1247
10. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。11. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。12. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。
浏览器的卡顿与react的解决思路
weixin_45575944的博客
07-18 297
众所都周知，js是单线程，当react处理vdom相关工作的时候，会阻塞浏览器的渲染过程，阻塞了渲染过程，那么页面就卡着。结合上面所述，1秒60hz，相当于16.67ms至少需要渲染出1张新图，才不会觉的卡顿。我理解这里的卡顿，并不是说优化的怎么怎么好让总工作量少了，处理的快了，而是可能虽然每次渲染出来的新内容少，但是他仍然在生成，而不会在处理过程中一直不变，然后突然渲染出来，这种抖动的、掉帧的渲染方式，容易让人觉的他卡了，而一直在变化，虽然每次变化的不多，但总体是‘流畅的’
中间件的理解
modi000的博客
07-15 400
直接返回，前置服务可以支持更高流量的并发，后置的需要耗时、耗力的，需要IO操作的服务，可以通过MQ慢慢处理。前端写消息的速率比后端处理消息的速率要快很多的。a.快递员角度：快递员无需将快递直接交到用户手里，放在菜鸟驿站即可走了，增加了送快递的数量，提高了送快递的效率；b.用户角度：快递到达的时候在上班，当时无时间取快递，当有了菜鸟驿站后，用户可以在下班闲暇时间去取快递。所以，中间件可以多个可能互相调用的系统耦合程度，提升接口的响应速度，。c.双十一的时候，快递量暴增，快递员不会手忙脚乱、用户可排序取快递。
【前端】JavaScript入门及实战6-10
weixin_45980065的博客
07-17 567
如果使用Number表示的数字超过了最大值，则会返回一个Infinity，表示正无穷，typeof是number。NaN是一个特殊的数字，不是数字：not a number，是一个字面量，typeof是number。但是注意，null和undefined这两个值没有toString()方法，如果调用会报错。它会将null直接转换为"null"，将undefined直接转换为"undefined"当声明一个变量，但是并不给变量赋值时，它的值就算undefined。该方法不会影响原变量，它会将转换的结果返回。
【Vue】 style中的scoped
DX390609的博客
07-15 163
在vue文件中的style标签上，有一个特殊的属性：scoped。当一个style标签拥有scoped属性时，它的CSS样式就只能作用于当前的组件，通过该属性，可以使得组件之间的样式不互相污染。
cookies,sessionStorage和localStorage都有什么区别
qq_51856496的博客
07-17 298
cookies,sessionStorage和localStorage都有什么区别 cookies在请求数据传输的时候会携带至后台，sessionStorage,localStorage是纯客户端缓存 cookies有过期机制,sessionStorage是会话级缓存，窗口关闭后会销毁，localStorage是本地持久缓存手动才会清除 cookies只能存储4KB并且不推荐前端用js直接操作，sessionStorage,localStorage存储有5MB
"JavaSE基础：初学者必备的day01-Java入门
通过系统学习day01-Java入门的知识，学习者将能够建立起对Java编程语言的基本理解和掌握，为将来更加深入和专业的学习打下坚实的基础。因此，对于初学者来说，day01-Java入门是一个必备的学习内容，也是学习Java编程...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值