2022--8-22-前端---HTML

已于 2022-08-29 13:49:50 修改
阅读量1.6k 收藏
点赞数
文章标签： 前端 html java
于 2022-08-22 23:21:15 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_49036727/article/details/126459135
版权

目录

一、HTML

1、什么是HTML

2、网页由谁来解析

3、HTML的标签

4、HTML的标签的一些基础标签

5、什么是网页

6、HTML的头部

（1）title

（2）base

（4）style

（5）script

（6）meta--元数据

7、链接

8、图片

9、块级元素/行级元素

（1）块级元素

（2）行级元素

10、无序列表/有序列表/自定义列表

11、表格

12、表单标签---form

13、框架标签---iframe

14、实体（转义字符）

15、html4和html5

16、【HTML/CSS】创建日期和时间表单控件

一、HTML

1、什么是HTML

HTML是用来描述网页的一种语言。
HTML叫做超文本标记语言（HyperText Mark-up Language）
HTML不是编程语言，而是一种标记语言
标记语言就是一套标记标签
HTML使用标记标签来描述网页

2、网页由谁来解析

由浏览器来解析
（1）IE
（2）firefox火狐浏览器。很依赖fLash插件，纯中文
（3）safari、webkit---苹果的浏览器
（4）chrome 谷歌浏览器，(推荐)业界的标杆，一开始使用的是【webkit】内核，和苹果的内核一样，后来自主研发了新的内核【 blink】
（5）Opera浏览器，手机端，内核用的【blink】
（6）UC, 360，QQ，搜狗，遨游，百度，2345……

3、HTML的标签

HTML标记标签通常称为HTML tag
HTML标签由成对出现的尖括号包围的关键词，比如< body>
HTMI标签通常是成对出现的，有例外，比如<b></b>
标签对中第一个标签是开始标签，第一标签是结束标签

结束标签是由【/】结束的

开始和结束标签也被称为开放标签和闭合标签

4、HTML的标签的一些基础标签

相关知识参考连接：

https://blog.csdn.net/qq_46500711/article/details/122202823

https://blog.csdn.net/qq_41953182/article/details/108308581

<!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>Document</title>
</head>
<body>
    
<b>粗体文本</b>
<code>计算机代码 </code>
<em>强调文本 </em>
<i>斜体文本</i>
<kbd >键盘输入</kbd>
<pre >
池塘边的榕树下，
知了在声声叫着夏天。
</pre> 
<small> 更小的文本 </small>
<strong>重要的文本</strong>
<del>删除线</del> 
log<sub>5</sub>
2<sup>3</sup> = 8
<font .color=" green">我是font (淘汰了)</font>

</body>
</html>

5、什么是网页

HTML文档描述的就是网页
HTML文档包含HTML的标签和纯文本
HTML文档就被称为网页
web浏览器的作用是读取HTML文档，并以网页的形式显示出它们
浏览器不会显示HTML标签，而是使用HTML标签来解释页面的内容

<!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>Document</title>
</head>
<body>
    <h1>我的第一个标题</h1>
    <p>我的第一个段落</p>
    我是一个普通文本

</body>
</html>

 6、HTML的头部

head元素包含了所有的头部信息元素。script，link，以及各种meta，titfe，base

（1）title

定义了浏览器工具栏的标题，当网页被收藏到收藏夹，显示的默认标题；显示在搜索引擎结果页面的标题。

（2）base

描述了基本的链接地址/链接目录，作为HTML文档中所有链接的目标地址，base 元素适用页面中于指定的默认地址或者所有链接的目标地址。 在 HTML 文档中 <base> 每出现一次，Base 对象就会被创建。

比如我们指定默认地址是百度，点击“哈哈哈”就会调转到百度页面

<!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">
    <base href="http://www.baidu.com" target="_blank">
    <title>Document</title>
</head>
<body>
    <a href="">哈哈哈</a>
</body>
</html>

引用css层叠样式表

（4）style

定义css层叠样式表

（5）script

既可以定义script脚本，也可以引用script文件。不建议写在head里, 写在body的最下方。

（6）meta--元数据

指定网页的描述，关键词，文件的最后修改时间，作者。可以定义搜索引擎的关键词。
元数据 （ Metadata ），又称 中介数据 、 中继数据 ，为描述 数据 的数据（data about data），主要是描述数据 属性 （property）的 信息 ，用来支持如指示存储位置、 历史 数据、 资源 查找、文件记录等功能。

7、链接




                

        

        

    




        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  初浔云深
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
Codex-Newsletter.github.io

				
			

			

				

					03-08
				

			

		

		

			
				
第1期：2021年3月8日来自我们的成员：SCRUM管理：Harshita Raj（2018-2022批） Harshita Raj（2018-22批次）是一位出色的Web开发人员，是活跃的开源贡献者。 她的项目Scrum Management在AOS，SWOC，SLOP等各种开源...

			
		

	



                

              
                



	

		

			

				
					
HTML状态码大全

				
			

			

				

					木槿花开
				

				

					08-13
					
					736
					
				

			

		

		

			
				
HTML状态码被分为五大类：

100-199 用于指定客户端应相应的某些动作。 
200-299 用于表示请求成功。 
300-399 用于已经移动的文件并且常被包含在定位头信息中指定新的地址信息。 
400-499 用于指出客户端的错误。 （自己电脑这边的问题） 自己电脑这边的问题） 
500-599 用于支持服务器错误。 （对方的问题） 对方的问题）
一些常见的状态码为：



			
		

	



                


  
              

                


	

		

			

				
					
2022高频前端面试题汇总之HTML篇

				
			

			

				

					web全栈开发的博客
				

				

					07-13
					
					497
					
				

			

		

		

			
				
1. src和href的区别src和href都是用来引用外部的资源，它们的区别如下：src：表示对资源的引用，它指向的内容会嵌入到当前标签所在的位置。src会将其指向的资源下载并应⽤到⽂档内，如请求js脚本。当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执⾏完毕，所以⼀般js脚本会放在页面底部。href：表示超文本引用，它指向一些网络资源.........

			
		

	





	

		

			

				
					
2022前端知识整理：一、HTML+CSS基础

				
			

			

				

					weixin_42373976的博客
				

				

					07-08
					
					455
					
				

			

		

		

			
				
2022前端知识整理：一、HTML+CSS基础。学完之后能够实现简单的前端静态页面编写

			
		

	



		

			
		



	

		

			

				
					
2021年1+X-Web前端开发初级理论考试模拟题.pdf

				
			

			

				

					11-26
				

			

		

		

			
				
8. 删除数组元素：要删除数组的最后一个元素，应使用`pop()`方法。  9. 新增的input元素类型：HTML5中新增了多种输入类型，如邮箱输入框（email）、数字滑动条（range），但“样式输入框”不是新增的输入类型。  10....

			
		

	





	

		

			

				
					
2021-2022计算机二级等级考试试题及答案No.12568.docx

				
			

			

				

					10-26
				

			

		

		

			
				
7. JavaScript 用途：JavaScript 是一种脚本语言，通常用于网页交互，提供动态效果，它是一种弱类型的语言，广泛应用于网页制作和前端开发，而不是计算机辅助设计。  8. 标准 EXE 工程文件：一个带有图形用户界面的...

			
		

	





	

		

			

				
					
2021-2022计算机二级等级考试试题及答案No.14060.docx

				
			

			

				

					10-27
				

			

		

		

			
				
24. MVC架构中，Jsp用于实现视图，Servlet实现控制逻辑，HTML和JavaScript通常用于前端界面的展示和交互。  25. 关系数据库文件中的记录顺序通常是无序的，不影响数据的查询和操作。  以上内容涵盖了部分计算机二级...

			
		

	





	

		

			

				
					
2021-2022计算机二级等级考试试题及答案No.10629.docx

				
			

			

				

					10-25
				

			

		

		

			
				
1. 前台窗口和后台窗口：前台窗口是用户正在交互的窗口，而后台窗口则是在后台运行但未显示在屏幕最前端的窗口。后台窗口并未关闭，只是被其他窗口覆盖。  2. 表的组成：表是由字段（列）和记录（行）组成的。这是...

			
		

	





	

		

			

				
					
前端面试题（12）答案版

				
			

			

				

					weixin_49062485的博客
				

				

					06-30
					
					701
					
				

			

		

		

			
				
在不同的操作系统上,设置环境变量的方式有所不同,比如在Windows上使用set命令,在Unix/Linux上使用export命令。-2） setImmediate：是Node.js中的特有API,属于微任务,会被添加到微任务队列中,在事件循环的微任务阶段执行。2) 执行完所有宏任务后,检查微任务队列(如Promise.then)是否有待执行的任务,依次执行。- 1）setTimeout：是宏任务,会被添加到宏任务队列中,在事件循环的宏任务阶段执行。在前端面试中,考察这些基本概念是非常常见的。

			
		

	





	

		

			

				
					
WHAT - NextJS 的路由系统和 react-router-dom

					
最新发布

				
			

			

				

					weixin_58540586的博客
				

				

					07-04
					
					684
					
				

			

		

		

			
				
不，Next.js 的路由系统并不基于。Next.js 本身内置了自己的路由系统，并且在其生命周期和工作方式上与有所不同。

			
		

	





	

		

			

				
					
探索WebKit的插件帝国：深入插件系统的奥秘

				
			

			

				

					2401_85763803的博客
				

				

					06-30
					
					480
					
				

			

		

		

			
				
WebKit的插件系统允许第三方开发者扩展浏览器的功能。插件可以拦截网页中的特定资源请求，执行自定义的代码，并以各种形式与用户交互。通过本文的深入探讨，你现在应该对WebKit的插件系统有了全面的理解。从插件的创建到生命周期管理，再到性能优化和安全性考虑，本文提供了一个全面的指南。WebKit插件系统的强大功能，为开发者提供了广阔的创新空间。

			
		

	





	

		

			

				
					
JavaScript检查对象是否包含某个属性

				
			

			

				

					徐三岁的博客
				

				

					06-28
					
					993
					
				

			

		

		

			
				
当使用 Object.prototype.hasOwnProperty.call 时，实际上是在调用 hasOwnProperty 方法，并明确指定 this 的值，这使得可以检查任何对象是否拥有指定的属性。使用 Object.prototype.hasOwnProperty.call 的好处是，它允许将 hasOwnProperty 方法作为一个函数传递给其他函数，或者在不直接引用对象的情况下使用它。hasOwnProperty 方法会检查对象自身是否具有指定的属性，而不考虑原型链。

			
		

	





	

		

			

				
					
React 组件 API

				
			

			

				

					csbysj2020的博客
				

				

					06-29
					
					483
					
				

			

		

		

			
				
React 组件可以通过两种方式定义：类组件和函数组件。类组件使用 ES6 的类语法，而函数组件则是一个简单的 JavaScript 函数。React 组件 API 是 React 开发中的基础，理解并掌握这些 API 对于创建高效、可维护的 React 应用程序至关重要。无论是类组件还是函数组件，都提供了丰富的特性和方法来管理组件的状态、属性和生命周期。通过熟练使用这些 API，开发者可以更加轻松地构建复杂的用户界面。

			
		

	





	

		

			

				
					
TS_类型

				
			

			

				

					分享程序相关知识
				

				

					06-29
					
					1395
					
				

			

		

		

			
				
typescripe类型相关知识点。

			
		

	





	

		

			

				
					
Vue前端打包

				
			

			

				

					weixin_63680330的博客
				

				

					07-04
					
					140
					
				

			

		

		

			
				
介绍:Nginx是一款轻量级的Web服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器。其特点是占有内存少，并发能力强，在各大型互联网公司都有非常广泛的使用。启动：双击nginx.exe 文件启动，服务器默认占用80端口。官网:https://nginx.org/打包好的dist目录赋值到html下。html静态资源文件目录。conf 配置文件目录。logs日志文件目录。temp临时文件目录。

			
		

	





	

		

			

				
					
【vueUse库Component模块各函数简介及使用方法--上篇】

				
			

			

				

					xiejunlan的博客
				

				

					07-02
					
					1233
					
				

			

		

		

			
				
vueUseComponent函数理解 `computedInject` 的概念模拟 `computedInject`使用场景总结构想`createReusableTemplate`的用途可能的实现方式方法一：使用高阶组件（HOC）方法二：使用插槽（Slots）和默认插槽内容结论构想`createTemplatePromise`的用途可能的实现方式使用Vue 3的异步组件构想中的`createTemplatePromise`结论使用Vue的`ref`属性在模板中引用元素或组件示例：引用模板中的DOM元素。

			
		

	





	

		

			

				
					
JWT（JSON Web Token）

				
			

			

				

					Casual_Lei的博客
				

				

					07-03
					
					1102
					
				

			

		

		

			
				
JWT 提供了一种简洁而强大的方式来进行身份验证和授权，特别适用于分布式系统和微服务架构。Spring Security 通过其强大的扩展机制，使得与 JWT 的集成变得非常简单和高效。通过了解和应用这些技术，开发者可以构建出安全、可靠的现代 Web 应用。

			
		

	





	

		

			

				
					
React useImperativeHandle Hook

				
			

			

				

					hawk2014bj的博客
				

				

					06-26
					
					904
					
				

			

		

		

			
				
useImperativeHandle 在 React 为我提供了一个可以为 ref 绑定处理方法的 hook，useImperativeHandle 源码中可以看到实现了绑定以及清理的逻辑。

			
		

	





	

		

			

				
					
前端播放RTSP视频流，使用FLV请求RTSP视频流播放（Vue项目，在Vue中使用插件flv.js请求RTSP视频流播放）

				
			

			

				

					weixin_65793170的博客
				

				

					07-01
					
					903
					
				

			

		

		

			
				
在浏览器中请求 RTSP 视频流并进行播放时，直接使用原生的浏览器 API 是行不通的，因为它们不支持 RTSP 协议。为了解决这个问题，开发者通常会选择使用像 flv.js 这样的库，它专为在浏览器中播放 FLV 和其他流媒体格式设计。然而，flv.js 本身并不直接支持 RTSP，这意味着我们需要一个额外的步骤来桥接 RTSP 和 flv.js。

			
		

	





	

		

			

				
					
精品专题资料（2021-2022年收藏）基于Android平台的新闻客户端的设计与实现模板.doc

				
			

			

				

					11-29
				

			

		

		

			
				
本资源是一份关于2021-2022年间基于Android平台的新闻客户端设计与实现的详细文档，针对计算机技术专业的实习生进行的项目。随着移动互联网的发展，新闻客户端作为移动传播媒体的重要组成部分，其需求日益增长。项目...

			
		

	



              



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

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值