HTML学习笔记

已于 2023-05-12 11:26:58 修改
阅读量176 收藏
点赞数
分类专栏： HTML 文章标签： HTML 学习笔记 基础
于 2018-06-11 11:25:31 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_38103873/article/details/80649088
版权

HTML学习笔记

1、编辑器选择：   Notepad++：  https://notepad-plus-plus.org/  

                          Sublime Text： Sublime Text - Text Editing, Done Right

                               HBuilder：  DCloud - HBuilder、HBuilderX、uni-app、uniapp、5+、5plus、mui、wap2app、流应用、HTML5、小程序开发、跨平台App、多端框架

推荐使用HBuilder，window和mac都有版本，而且好用，免费

2、标题：HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的

      段落：HTML 段落是通过标签 <p> 来定义的

      链接：HTML 链接是通过标签 <a> 来定义的.

       <a href=“http://www.runoob.com”>这是一个链接</a>

     图像：HTML 图像是通过标签 <img> 来定义的.

       <img src="/images/logo.png" width="258" height="39" />

3、CSS

  • 内联样式- 在HTML元素中使用"style" 属性
  • 内部样式表 -在HTML文档头部 <head> 区域使用<style> 元素 来包含CSS
  • 外部引用 - 使用外部 CSS 文件
       <p style="color:blue;margin-left:20px;">This is a paragraph.</p>

4、表格、列表

表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义，表格的表头使用 <th> 标签进行定义

 

 
 < 
 table 
  border 
 = 
 " 
 1 
 " 
 > 

 


      
 < 
 tr 
 > 

 


          
 < 
 th 
 >Header 1 
 </ 
 th 
 > 

 


      
 </ 
 tr 
 > 

 


      
 < 
 tr 
 > 

 


          
 < 
 td 
 >row 1, cell 1 
 </ 
 td 
 > 

 


      
 </ 
 tr 
 > 

 


      
 < 
 tr 
 > 

 


          
 < 
 td 
 >row 2, cell 1 
 </ 
 td 
 > 

 


      
 </ 
 tr 
 > 

 


  </ 
 table> 

 

 

无序列表： <ul>
 

 

 
 < 
 ul 
 > 

 

 
 < 
 li 
 > 
 项目 
 </ 
 li 
 > 

 

 
 < 
 li 
 > 
 项目 
 </ 
 li 
 > 

 

 
 </ 
 ul 
 > 

 

有序列表:  <ol>
 

 

 
 < 
 ol 
 > 

 

 
 < 
 li 
 > 
 第一项 
 </ 
 li 
 > 

 

 
 < 
 li 
 > 
 第二项 
 </ 
 li 
 > 

 

 
 </ 
 ol 
 > 

 

列表内标签:<li>
 

 

5、HTML布局：常见的为 <div>布局和表格布局
 

 

6、HTML表单：
 

表单是一个包含表单元素的区域。
 

表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio buttons)、复选框(checkboxes)等等。
 

表单使用表单标签 <form> 来设置
 

 


  <form> 

 


  input 元素 

 


  <form> 

 

 

7、框架
 

iframe语法:
 

<iframe src=“URL"></iframe>
 

<iframe src="demo_iframe.htm" width="200" height="200"></iframe>
 

 

8、实体
 

 

 
 &lt; 等同于 
 < 

 


  & 
 gt; 等同于 
 > 

 


  &#169; 等同于 © 

 


                

        

        

    

  


    

      

        

            

              
                
                  三岁牧羊
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
HTML5学习笔记

				
			

			

				

					m0_61721166的博客
				

				

					03-08
					
					8997
					
				

			

		

		

			
				
一、网页

1.什么是网页

网站是指在因特网上根据一定的规则，使用 HTML等制作的用于展示特定内容相关的网页集合。 网页是网站中的一“页” ，通常是 HTML 格式的文件，它要通过浏览器来阅读。

网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以.htm或.html 后缀结尾的文件，因此将其俗称为HTML文件。

2.什么是HTML

HTML指的是超文本标记语言(HyperTextMarkupLanguage)，它是用来描述网页的一种语言。HTML不

			
		

	



                

              
                



	

		

			

				
					
Html学习笔记

				
			

			

				

					10-29
				

			

		

		

			
				
自己学习html的笔记,普通文本格式，适合非前端专业开发者参考。学的好还得自己好好理解。

			
		

	



                


  
              

                


	

		

			

				
					
【HTML】HTML学习笔记（全）

				
			

			

				

					Bitdancing的专栏
				

				

					12-09
					
					1万+
					
				

			

		

		

			
				
前端HTML学习笔记大全

			
		

	





	

		

			

				
					
HTML学习笔记(全)

				
			

			

				

					weixin_63676550的博客
				

				

					01-12
					
					5803
					
				

			

		

		

			
				
HTML学习笔记  视频教程：https://b23.tv/LbTHmRE

			
		

	



		

			
		



	

		

			

				
					
前端之HTML学习笔记一

				
			

			

				

					m0_53211178的博客
				

				

					02-28
					
					8228
					
				

			

		

		

			
				
目录

1.网页

1.1网页的概念

1.2HTML的概念

1.3网页的形成

2.常用的浏览器

3.web标准

3.1为什么需要web标准

3.2web标准的构成（重点）

1.网页



1.网页

1.1网页的概念

网站是指在因特网上根据一定的规则，使用HTML等制作的用于展示特定内容相关的网页集合。

网页是网站中的一"页"，通常是HTML格式的文件，它要通过浏览器来阅读。

网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成，通常我们看到的网页，常见以.htm或.

			
		

	





	

		

			

				
					
黑马程序员 HTML5 学习笔记

				
			

			

				

					susu的博客
				

				

					07-14
					
					2314
					
				

			

		

		

			
				
1.html语法规范2.html基本结构标签3.开发工具4.html常用标签5.html中注释和特殊字符


			
		

	





	

		

			

				
					
HTML 学习笔记——插入音频、视频标签

				
			

			

				

					m0_55394328的博客
				

				

					08-04
					
					7607
					
				

			

		

		

			
				
今天学习了尚硅谷老师的html基础课程，主要是音视频的标签的属性和使用方法。html中插入音频和视频的方法基本相同，这里以音频为例进行演示音频格式：mp3、ogg、wav视频格式：mp4、ogv、webmaudio标签用来向页面中引入一个外部的音频文件。音视频文件引入时，默认情况下不允许用户自己控制播放按钮。以上就是今天的学习笔记啦，希望对大家有帮助~...

			
		

	





	

		

			

				
					
html学习笔记（二）

				
			

			

				

					m0_51684016的博客
				

				

					03-24
					
					4847
					
				

			

		

		

			
				
文章目录一、表格二、语义标签三、特殊符号四、总结
今天学完了html的大部分知识点，剩下了一些较难的知识点如svg等内容，留在以后学vue3、react的时候回过头来学；后续的话要学习css和JavaScript（重点）。这两三天的事情也比较多，今天将Django项目部署在服务器上了，并且成功跑起来了传送门,后续将持续更新该项目。
一、表格
随着框架的发展，table使用的频率越来越低了，现在可能只有真的想实现一个表格时才会使用table。
caption：标题
table  &nbsp

			
		

	





	

		

			

				
					
HTML学习笔记 1-用HBuilderX写的HTML无法在浏览器上运行怎么办？问题出在这里：HBuilderX外部web服务支撑配置

					
热门推荐

				
			

			

				

					m0_74282485的博客
				

				

					12-28
					
					1万+
					
				

			

		

		

			
				
HBuilderX外部web服务支撑配置
在HBuilderX写的HTML代码无法在浏览器上运行怎么办？
那是因为你的HBuilderX外部web服务没有


			
		

	





	

		

			

				
					
如何高效记录并整理编程学习笔记

				
			

			

				

					vvvae1234的博客
				

				

					08-13
					
					1384
					
				

			

		

		

			
				
在编程学习的旅程中，好的笔记记录和整理方法不仅能帮助我们更有效地吸收知识，还能在复习时提供清晰的参考。下面，我将为您提供一些建立高效笔记系统的建议，以帮助您在繁忙学习中保持笔记的条理性，从而打造属于自己的编程学习“知识宝库”。方向一：笔记工具选择方向二：笔记结构设计方向三：实践与复习策略

			
		

	





	

		

			

				
					
HTML学习笔记.md

				
			

			

				

					08-01
				

			

		

		

			
				
HTML学习笔记

			
		

	





	

		

			

				
					
HTML学习笔记–HTML的语法详解(必看)

				
			

			

				

					12-14
				

			

		

		

			
				
 ... ...格式：<标记>内容</标记> 3.标记的属性（用来控制图像、文本等如何的显示）格式：<标记 属性1=属性值 属性2=属性值…>内容<...都是定义相同的标记，但是在编写网页的使用尽量...以上这篇HTML学习笔记–HT

			
		

	





	

		

			

				
					
javaweb 前端 html学习笔记

				
			

			

				

					04-26
				

			

		

		

			
				
javaweb 前端 html学习笔记

			
		

	





	

		

			

				
					
win64 CC2022.zip

				
			

			

				

					09-21
				

			

		

		

			
				
SmartTools InDesign插件

			
		

	





	

		

			

				
					
深度学习课程的课程设计-------基于ResNet优化模型的阿尔茨海默症的识别.zip

				
			

			

				

					09-21
				

			

		

		

			
				
深度学习是机器学习的一个子领域，它基于人工神经网络的研究，特别是利用多层次的神经网络来进行学习和模式识别。深度学习模型能够学习数据的高层次特征，这些特征对于图像和语音识别、自然语言处理、医学图像分析等应用至关重要。以下是深度学习的一些关键概念和组成部分：

1. **神经网络（Neural Networks）**：深度学习的基础是人工神经网络，它是由多个层组成的网络结构，包括输入层、隐藏层和输出层。每个层由多个神经元组成，神经元之间通过权重连接。

2. **前馈神经网络（Feedforward Neural Networks）**：这是最常见的神经网络类型，信息从输入层流向隐藏层，最终到达输出层。

3. **卷积神经网络（Convolutional Neural Networks, CNNs）**：这种网络特别适合处理具有网格结构的数据，如图像。它们使用卷积层来提取图像的特征。

4. **循环神经网络（Recurrent Neural Networks, RNNs）**：这种网络能够处理序列数据，如时间序列或自然语言，因为它们具有记忆功能，能够捕捉数据中的时间依赖性。

5. **长短期记忆网络（Long Short-Term Memory, LSTM）**：LSTM 是一种特殊的 RNN，它能够学习长期依赖关系，非常适合复杂的序列预测任务。

6. **生成对抗网络（Generative Adversarial Networks, GANs）**：由两个网络组成，一个生成器和一个判别器，它们相互竞争，生成器生成数据，判别器评估数据的真实性。

7. **深度学习框架**：如 TensorFlow、Keras、PyTorch 等，这些框架提供了构建、训练和部署深度学习模型的工具和库。

8. **激活函数（Activation Functions）**：如 ReLU、Sigmoid、Tanh 等，它们在神经网络中用于添加非线性，使得网络能够学习复杂的函数。

9. **损失函数（Loss Functions）**：用于评估模型的预测与真实值之间的差异，常见的损失函数包括均方误差（MSE）、交叉熵（Cross-Entropy）等。

10. **优化算法（Optimization Algorithms）**：如梯度下降（Gradient Descent）、随机梯度下降（SGD）、Adam 等，用于更新网络权重，以最小化损失函数。

11. **正则化（Regularization）**：技术如 Dropout、L1/L2 正则化等，用于防止模型过拟合。

12. **迁移学习（Transfer Learning）**：利用在一个任务上训练好的模型来提高另一个相关任务的性能。

深度学习在许多领域都取得了显著的成就，但它也面临着一些挑战，如对大量数据的依赖、模型的解释性差、计算资源消耗大等。研究人员正在不断探索新的方法来解决这些问题。


			
		

	





	

		

			

				
					
机械设计课程设计说明书_带式输送机传送装置_西北工业大学.doc

					
最新发布

				
			

			

				

					09-21
				

			

		

		

			
				
机械设计课程设计说明书_带式输送机传送装置_西北工业大学.doc

			
		

	





	

		

			

				
					
风格化欧洲城镇建筑场景模型：Modular European Town v1.1

				
			

			

				

					09-21
				

			

		

		

			
				
使用 “模块化欧洲小镇” 包来改变你的游戏世界！这个套装提供了你设计一个充满活力的低多边形城市所需的一切。
套装包括：
模块化建筑：各种结构可创造多样化的建筑设计。
自然元素：树木、灌木丛和植物，以增加你的小镇的绿色景观。
基础设施：道路、人行道、边界和墙壁，以构建一个逼真的布局。
不同的道具：很多物品，如消防栓、路灯、咖啡馆桌椅、垃圾桶、长椅等等。
所有模型都采用低多边形美学制作，确保出色的性能和独特的视觉风格。这个套装非常适合所有平台上的游戏：移动设备、桌面电脑和虚拟现实。它易于使用且高度可定制，让你轻松构建自己独特的欧洲风格小镇。用 “模块化欧洲小镇” 将你的愿景变为现实！（解释说明：“lowpoly” 即低多边形，是一种在游戏和数字艺术中常用的风格，以较少的多边形数量来呈现模型，通常具有简洁的外观和较好的性能表现。

			
		

	





	

		

			

				
					
HTML学习笔记：从基础到实践

				
			

			

				

					
				

			

		

		

			
				
本资源是一个个人编写的HTML学习笔记，涵盖了HTML的基本概念、历史演变、常用编辑器以及基本结构和标签。HTML，全称为超文本标记语言，是一种用于创建网页的标准标记语言，它能描述网页的结构并嵌入文字、图形、动画...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  





	
打赏作者

	

		

		
			
		
		

		

			
三岁牧羊

			
你的鼓励将是我创作的最大动力

		

	

	

			

	

	

    ¥1
    ¥2
    ¥4
    ¥6
    ¥10
    ¥20
	

	

		

			

				

					扫码支付：¥1
				

				

					

					
					获取中
					

				

				

					
					
					扫码支付
				

			

		

		

			
您的余额不足，请更换扫码支付或充值

			
打赏作者

		

	



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值