HTML基本知识

最新推荐文章于 2024-10-02 17:15:49 发布
最新推荐文章于 2024-10-02 17:15:49 发布
阅读量320 收藏
点赞数 1
文章标签： html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_63365680/article/details/131627746
版权
本文介绍了HTML的基本结构，包括<head>和<body>，以及常用标签如<h1-h6>标题，<p>段落，<img>图片，<audio>和<video>媒体元素。同时，讲解了HTML表单的使用，包括<form>，<input>的不同类型，以及GET和POST提交方法。
摘要由CSDN通过智能技术生成

HTML

HTML:超文本标记语言

基本结构:

<html>
     <head>
         <title>页面标题</title>
	 <meta name="" value=""/>
     </head>
​     <body>
​     </body>
  </html>

基本标签

1.hx: h1-h6 标题标签

2.p: 段落标签

3.em:斜体标签

4.strong:加粗标签

5.del:删除线标签

6.img:

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

        src: 图片路径 *绝对路径 *相对路径 *网络路径

        title：图片标题

        alt: 当图片加载错误，提示的文字内容

        width:图片宽度

        height:图片高度

7.audio:音频标签

8.video:视频标签

音频标签

HTML5: 不同的浏览器兼容性不一样，兼容的音频格式也不一样 controls:提供音乐播放器控件

<audio controls>
    <source  src="../audio/music.mp3" type="audio/mpeg"/>
    <source  src="../audio/music.ogg" type="audio/ogg"/>
  </audio>

视频标签

 <video controls>
    <source src="../video/video.webm" tpe="video/webm"/>
    <source src="../video/video.mp4" type="video/mp4"/>
  </video>
<form action="" method="">
  </form>

下拉选项：

<select name="fruit">
	<option value="hunan">西瓜</option>
	<option value="hubei">香蕉</option>
	<option value="henan">葡萄</option>
	<option value="hebei">榴莲</option>
  </select>

​

文本域：

  
<textarea cols="20" rows="10">请输入您的自我介绍</textarea>

超链接标签

<a href="" target="">

href:请求地址

targrt:打开方式

*self:原窗口打开

*black:新窗口打开

自定义列表

dt对dd总结说明

1)无序列表

<ul>
     <li></li>
     <li></li>
     ....
  </ul>
 

2)有序列表
 

<ol>
     <li></li>
     <li></li>
     ....
  </ul>
 

  3)自定义列表
  
 

<dl>
   <!-- dt对dd总结说明 -->   
   <dt>衣服</dt>
   <dd>衬衣 马甲 西服</dd>
   <dd>毛线衣 皮夹克</dd>
   <dt>裤子</dt>
   <dd>牛仔裤 七分裤 西裤</dd>
   <dd>短裤 内裤</dd>
  </dl>
 

 

HTML表单
 

表单标签
 

action: 表单数据提交的服务器地址
 

method: 表单提交的方式
 

-GET: 安全性低，数据长度一般不超过3KB,随着URL地址一起提交。 请求速度快。
 

-POST：安全性高，数据长度理论上无限制，将数据封装到请求体中随着
 

request请求一起提交，请求速度稍微慢。
 

表单输入控件
 

<input name =" " value = " "t ype =" ">
 

type:输入控件的类型，默认text（文本框）
 

text ：文本框
 

password ：密码框
 

submit ：提交按钮
 

reset ：重置按钮
 

radio：单选按钮
 

file ：文件域
 

checkbox ：多选框
 

button ：普通按钮
 

name ：数据提交的key，也是控件的名称
 

value ：控件值
 

maxlength ：最长输入长度
 

minlength ：最短输入长度
 

size ：输入控件的长度，默认是20
 

checked ：是否选中
 

required ：是否必填
 

placeholder ：文本提示
 

pattern ：正则表达式，此输入文本的格式
 

max ：最大值
 

min ：最小值
 

step ：步长

                

        

        

    

  


    

      

        

            

              
                
                  m0_63365680
                
              
            

            

                关注
              
            

        

        

          
      

      









                



	

		

			

				
					
HTML基础知识总结

				
			

			

				

					qq_40046544的博客
				

				

					11-14
					
					4141
					
				

			

		

		

			
				
HTML 是用来描述网页地一种语言。HTML 指的是超文本标记语言（Hyper Text Markup Language）HTML 不是一种编程语言，而是一种标记语言（markup language）标记语言是一套标记标签（markup tag）HTML 使用标记标签来描述网页声明必须是 HTML 文档的第一行，位于 html 标签之前。声明不是 HTML 标签；它是指示 web 浏览器使用哪个 HTML 版本进行编写的指令。

			
		

	



                

              
                



	

		

			

				
					
HTML基础知识点总结

				
			

			

				

					weixin_64704029的博客
				

				

					07-28
					
					2173
					
				

			

		

		

			
				
html知识点

			
		

	



                


  
              

                


	

		

			

				
					
HTML基础知识点

				
			

			

				

					qq_40046544的博客
				

				

					07-27
					
					8876
					
				

			

		

		

			
				
网页是一个包含HTML标签的纯文本文件，它可以存放在世界某个角落的某一台计算机中，是万维网中的一页，是超文本标记语言格式。它通常是由图片、文字、链接、声音、视频等元素组成。通过网页浏览器访问。HTML指的是超文本标记语言（HyperTextMarkupLanguage），它是用来描述网页的一种语言。web标准也成为网页标准，它是由一系列标准组成，这些标准大部分由W3C负责定制，也有一些标准由其他标准组织制定。绝对路径指目录下的绝对位置，可以直接到达目标位置，通常从盘符开始的路径。例如D从。...

			
		

	





	

		

			

				
					
HTML基础知识

				
			

			

				

					xuan971130的博客
				

				

					03-02
					
					2942
					
				

			

		

		

			
				
一、基础知识：

1.网站：许多网页的集合。

2.HTML：超文本标记语言（Hyper Text Markup Language），用来描述网页的一种语言。不是一种变编程语言，而是一种标记语言。

3.浏览器内核（渲染引擎）：负责读取网页内容，整理讯息、计算网页的显示方式并显示页面。



4.Web标准的组成








...

			
		

	



		

			
		



	

		

			

				
					
HTML基础知识（超详细！）

				
			

			

				

					qq_60950941的博客
				

				

					04-18
					
					2428
					
				

			

		

		

			
				
本文全面介绍了html的标签以及新增的html5标签，可以帮助人们在最短的时间里打下基础

			
		

	





	

		

			

				
					
HTML基础知识点大全

				
			

			

				

					m0_69674158的博客
				

				

					05-04
					
					6940
					
				

			

		

		

			
				
一、什么是HTML

HyperText Markup Language，即超文本标记语言

二、第一个HTML

<！doctpye html>

<html>

<head></head>

<body></body>

<html>

三、常用的标签🀄️🀄️🀄️

1⃣️p 标签 ，段落标签，占整行

2⃣️img 图片标签：

①src  图片路径：绝对路径http://xxx.xx/xx/x.jpg

相对路径..

			
		

	





	

		

			

				
					
前端-HTML基础知识详解

				
			

			

				

					qq_52262831的博客
				

				

					12-23
					
					4976
					
				

			

		

		

			
				
目录：
初始常用的HTML标签
资源路径
列表标签
表格标签
表单标签
表单提交

			
		

	





	

		

			

				
					
HTML超详细基础知识总结

				
			

			

				

					全粘小谭的博客
				

				

					09-25
					
					4100
					
				

			

		

		

			
				
第一次写博客，这次打算把暑期复习的一些前端知识点（干货满满哦）发出来，主要是一些基础的东西，有时候在做一些小项目时，会发现网页写的很难受，主要原因就是基础不牢靠，所以复习的时候还是花了很多心思的，当基础学扎实了，无论多漂亮的网页都能自己写出来了，这种感觉还是挺爽的🤣

			
		

	





	

		

			

				
					
HTML5基础知识

				
			

			

				

					qq_46485137的博客
				

				

					02-13
					
					6133
					
				

			

		

		

			
				
一、初识HTML

HTML：Hyper Text Markup Language（超文本标记语言）

超文本包括：文字、图片、音频、视频、动画等

HTML5的优势：

        跨平台、

    W3C标准

        World Wide Web Consortium（万维网联盟）

        成立于1994年，Web及时领域最权威和具影响力的国际中立性技术标准机...

			
		

	





	

		

			

				
					
HTML 基础知识

				
			

			

				

					是芜湖的，更是世界的！
				

				

					05-10
					
					2193
					
				

			

		

		

			
				
html基础知识

			
		

	





	

		

			

				
					
HTML基础知识点汇总

				
			

			

				

					12-04
				

			

		

		

			
				
HTML 基础知识点汇总  HTML（Hypertext Markup Language，超文本标记语言）是网页设计的基础语言，它将影像、声音、图片、文字等连接显示出来。HTML 语言使用标记式的指令（Tag），将网页文件组织起来，并由浏览器...

			
		

	





	

		

			

				
					
HTML基础知识讲解！

				
			

			

				

					03-26
				

			

		

		

			
				
HTML 基础知识讲解  HTML 基础知识是网页开发的基础，了解 HTML 基础知识是学习网页开发的必备条件。本文将详细讲解 HTML 基础知识，包括 HTML 标题、HTML 段落、HTML 链接和 HTML 图像等。  HTML 标题 --------  ...

			
		

	





	

		

			

				
					
html基本知识

				
			

			

				

					08-17
				

			

		

		

			
				
html网页基本知识,HTML（Hyper Text Markup Language 超文本标识语言）

			
		

	





	

		

			

				
					
html基础知识1111

				
			

			

				

					03-26
				

			

		

		

			
				
html基础知识1111

			
		

	





	

		

			

				
					
html基础知识

				
			

			

				

					09-08
				

			

		

		

			
				
HTML是一门标记语言,用于控制页面结构,HTML 通过标记告诉了浏览器以什么方式或者结构显示内容,作为初学者掌握HTML的一些常用标记是必要的.

			
		

	





	

		

			

				
					
HTML 与 ES6 是前端开发的两大核心技术

					
最新发布

				
			

			

				

					qq_25416827的博客
				

				

					10-02
					
					549
					
				

			

		

		

			
				
HTML：主要负责页面的结构、语义化、布局和多媒体处理。ES6：提高了 JavaScript 的开发效率和可读性，尤其是模块化、异步编程和数据处理方式的革。

			
		

	





	

		

			

				
					
基于HTML、CSS和JavaScript的滚动数字显示效果，类似于老式计数器或电子表上的数字滚动效果

				
			

			

				

					2201_76060199的博客
				

				

					09-29
					
					1048
					
				

			

		

		

			
				
这段代码创建了一个数字滚动显示效果，用户可以通过输入框输入金额，或点击按钮生成随机数字，金额数字会以滚动的方式显示。CSS负责布局和样式，JavaScript负责动画效果和逻辑处理。代码中多次使用了相同的IDcounter，这在实际开发中是不推荐的，ID应该是唯一的，这里可能是为了简化示例而重复使用。

			
		

	





	

		

			

				
					
HTML粉色烟花秀

				
			

			

				

					兔子王
				

				

					09-21
					
					8294
					
				

			

		

		

			
				
HTML语言实现的粉红色跨年烟花秀的完整代码。

			
		

	





	

		

			

				
					
【CSS/HTML】左侧固定，右侧自适应的布局方式理解margin负值理论

				
			

			

				

					mengran_code的博客
				

				

					09-29
					
					607
					
				

			

		

		

			
				
简单解释下flex: 0 0 200px的用处，flex属性是flex-grow, flex-shrink 和 flex-basis的简写，默认值为0 1 auto。如果一个项目的flex-grow属性为2，其他项目都为1，则前者占据的剩余空间将比其他项多一倍。它的默认值为auto，即项目的本来大小。如果一个项目的flex-shrink属性为0，其他项目都为1，则空间不足时，前者不缩小。flex-shrink属性定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。是固定宽度的div脱离文档流。

			
		

	





	

		

			

				
					
HTML基础知识详解

				
			

			

				

					
				

			

		

		

			
				
"HTML知识点汇总"  HTML（HyperText Markup ...这些只是HTML基础知识的一部分，实际开发中还有表格、列表、链接、图像、表单、框架、多媒体等诸多元素和属性。熟练掌握这些基本概念是成为一名合格的前端开发者的基础。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值