HTML学习笔记

最新推荐文章于 2024-08-22 11:40:47 发布
最新推荐文章于 2024-08-22 11:40:47 发布
阅读量134 收藏
点赞数
分类专栏： web学习笔记 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/GyxSingular/article/details/114818045
版权

HTML学习笔记

Computer Class 6 GuoYixuan


  catalog

<id="catalog">

HTML概述

  HTML(Hyper Text Markup Language)
  人如其名，HTML就是用标记（markup）来注明文本、图片和其他内容，便于在浏览器中显示。   HTML、JavaScript、 CSS 被称为Web三剑客 。

超文本：“超文本”（hypertext）是指连接单个网站内或多个网站间的网页的链接。链接是网络的一个基本方面。只要将内容上传到互联网，并将其与他人创建的页面相链接，你就成为了万维网的积极参与者。

HTML结构

元素

文档组成

  1. <!DOCTYPE html>:声明文档类型
  2. <html>:根元素
  3. <meta charset="utf-8">:设置文档字符编码类型(utf-8)
  4. <link rel="shortcut icon" href="" type="image/x-icon">:指定页面的标签，出现在浏览器的标签上
  5. <title>:出现在浏览器标签上的说明文字
  6. <h1>:h1表示一级标题，还有h2,h3,h3等等，数字越小越醒目
  7. <body>:元素，包括能在网页上看到的所有内容

HTML特殊标记

文本格式特殊标记

  • 斜体:<em>
  • 加粗\细:<strong>or<small>;
  • 下划线:<u><ins>
  • 划线:<s><del>
  • 高亮:<mark>

注释语句:<!-- -->

超链接:<a href="">,其中href表示要跳去的地址

特别的，<a href="" target="_blank">,表示在新页面中打开该超链接，_self则在当前界面打开
超链接后面包含的内容即为显示在页面上供用户点击的
另外，超链接可以实现页面位置(也就是元素之间的跳转)，即用锚点的方法，如我在这里设置了<a href="#catalog">跳转到目录

图片:<img src="" alt="" width="" height="">

表格: <table>
 <tr>
  <th></th>
  <th></th>
  <th></th>
 </tr>
<tr>
 <tr>
  <th></th>
  <th></th>
  <th></th>
 </tr>
</table>

1这2是3出
4现5顺6序

表格:
  • 无序列表:<ul></ul>
  • 无序列表:<ol></ol>

其中，每一项<li></li>

表单:<form></form>

框类:<input type="text" name="" placeholder="">

  type有很多种类型，包括文本框，密码框，按钮，列表等等，上面的是文本框
选项类:
  注意:1.checked表示默认选项  2.checkbox是多选radio是单选
chose1
chose2
按钮类:

列表类:
man woman other 其它:
  日期选择器:
  文件选择器:
  文本输入框:

HTML元素关系及特殊字符

HTML元素关系


HTML元素可以称为区块或内联的方式进行显示
区块元素
区块元素在浏览器显示时，通常会以新行来开始（和结束）。如:<h1>,<pre>,<ul>,<table>,<div> 等。
内联元素

内联元素相反，他们总是一个接一个进行显示，不会新起一行。如:<span>,<input>,<td>,<a>,<img>等。

特殊字符


  <h1>这是个一级标题</h1>
  <p>这是一个段落<p>
  <a href="https://twitter.com/">眼见何事，情系何处，身处何方，心思何人</a>

 

 

预设格式
 

<pre></pre>
 


    如谷之歌
    扎根土里
    与风共存
    与种子越冬
    与鸟歌颂


                

                
                
        

        

    




    

      

        

            

              
                
                  GyxSingular
                
              
            

            

                关注
              
            

        

        

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

      

      

            

                专栏目录
          










                



	

		

			

				
					
HTML5学习笔记

				
			

			

				

					m0_61721166的博客
				

				

					03-08
					
					8957
					
				

			

		

		

			
				
一、网页

1.什么是网页

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

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

2.什么是HTML

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

			
		

	



                

              
                



	

		

			

				
					
Vue学习笔记（尚硅谷天禹老师）

					
热门推荐

				
			

			

				

					qq_55593227的博客
				

				

					08-15
					
					31万+
					
				

			

		

		

			
				
Vue学习笔记（尚硅谷天禹老师讲解）
1. Vue核心
1.1. Vue简介
1.1.1. 官网


英文官网


中文官网


1.1.2. 介绍与描述


动态构建用户界面的渐进式JavaScript框架


作者：尤雨溪


1.1.3. Vue的特点


遵循MVVM模式


编码简洁，体积小，运行效率高，适合移动/PC端开发


它本身只关注UI，可以引入其它第三方库开发项目


1.1.4.与其他JS框架的关联

借鉴 Angular 的模板和数据绑定技术
借鉴 React 的组件化和虚拟DOM

			
		

	



                


  
              

                


	

		

			

				
					
【HTML】HTML学习笔记（全）

				
			

			

				

					Bitdancing的专栏
				

				

					12-09
					
					1万+
					
				

			

		

		

			
				
前端HTML学习笔记大全

			
		

	





	

		

			

				
					
HTML学习笔记(全)

				
			

			

				

					weixin_63676550的博客
				

				

					01-12
					
					5693
					
				

			

		

		

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

			
		

	



		

			
		



	

		

			

				
					
前端之HTML学习笔记一

				
			

			

				

					m0_53211178的博客
				

				

					02-28
					
					8182
					
				

			

		

		

			
				
目录

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
					
					2155
					
				

			

		

		

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


			
		

	





	

		

			

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

				
			

			

				

					m0_55394328的博客
				

				

					08-04
					
					7497
					
				

			

		

		

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

			
		

	





	

		

			

				
					
html学习笔记（二）

				
			

			

				

					m0_51684016的博客
				

				

					03-24
					
					4843
					
				

			

		

		

			
				
文章目录一、表格二、语义标签三、特殊符号四、总结
今天学完了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服务没有


			
		

	





	

		

			

				
					
html学习笔记

				
			

			

				

					06-22
				

			

		

		

			
				
### HTML学习笔记  #### 一、属性  **1. `contenteditable` 属性**  - **定义**: `contenteditable` 属性用于指定一个元素的内容是否可以被用户编辑。 - **值**:  - `true`: 表示元素内容可编辑。  - `false`: 表示...

			
		

	





	

		

			

				
					
Html学习笔记

				
			

			

				

					10-29
				

			

		

		

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

			
		

	





	

		

			

				
					
HTML学习笔记.md

				
			

			

				

					08-01
				

			

		

		

			
				
HTML学习笔记

			
		

	





	

		

			

				
					
html转vue项目

				
			

			

				

					qq_38880880的博客
				

				

					08-19
					
					322
					
				

			

		

		

			
				
总结来说，将HTML代码转换为Vue需要引入Vue框架并编写Vue组件，使用Vue的数据绑定和事件绑定语法实现页面的动态更新。当我们点击"Change Name"按钮时，changeName方法会被调用，将name属性的值改为"Vue.js"。在Vue的data选项中，我们定义了一个name属性，并将其初始值设为"Vue"。除了简单的数据绑定和事件绑定外，Vue还提供了丰富的指令和组件库，用于构建更复杂的用户界面。通过使用这些特性，我们可以将HTML代码转换为更加动态和交互的Vue应用。

			
		

	





	

		

			

				
					
响应式Web设计：纯HTML和CSS的实现技巧

				
			

			

				

					vvvae1234的博客
				

				

					08-18
					
					762
					
				

			

		

		

			
				
互联网已经成为人们日常生活中不可或缺的一部分，随着移动设备的普及，用户访问网站的方式也发生了巨大变化。因此，响应式Web设计（Responsive Web Design, RWD）应运而生。它的目标是使Web页面能够根据不同设备屏幕的大小和分辨率自动调整布局，以提供最佳的用户体验。本文将深入探讨响应式Web设计的基本概念、实现技巧，并通过实际操作案例来展示如何使用纯HTML和CSS构建一个响应式网页。

			
		

	





	

		

			

				
					
理解现代前端开发：从HTML到React的进化之路

				
			

			

				

					qq_62512874的博客
				

				

					08-18
					
					718
					
				

			

		

		

			
				
随着互联网的不断发展，前端开发已经经历了从静态页面到复杂单页应用（SPA）的转变。作为前端开发者，我们需要不断更新知识，掌握最新的技术栈，以应对日益复杂的开发需求。本篇文章将带你从前端的基础知识逐步深入，探索现代前端开发的关键技术，包括HTML、CSS、JavaScript，以及流行的框架如React。前端开发是一个不断演进的领域，新的工具和框架层出不穷。通过不断学习和实践，我们可以掌握最新的前端技术，构建高效、美观且功能丰富的现代Web应用。

			
		

	





	

		

			

				
					
Java学习Day33：HTML 第三章：挟魂崖

				
			

			

				

					weixin_51721783的博客
				

				

					08-21
					
					715
					
				

			

		

		

			
				
JavaScript中，dom是一套操作文档内容的方法，可以完成查、增、删、改（先删后增）的操作。而且dom的开发效率很高，还可以用于服务器渲染、weex 开发等。本文向大家介绍JavaScript中的dom。1、什么是dom？dom，全称Document Object Model文档对象模型，是 W3C 的标准；[所有浏览器公共遵守的标准]。用于处理网页内容的方法和接口，简单的说就是一套操作文档内容的方法。2、dom组成：由HTML、CSS、事件（交互）组成。

			
		

	





	

		

			

				
					
原神4.8版本重点培养和抽到角色数据表：修改了添加倒计时.隐藏了抽到角色数据表删除按钮、备注列和选择列

					
最新发布

				
			

			

				

					lulei5153的博客
				

				

					08-22
					
					160
					
				

			

		

		

			
				
当用户修改某个字段（等级、命座、天赋）时，不仅更新当前表格的数据，还会找到另一个表格中对应的角色，并更新其数据。最后，重新渲染两个表格以显示最新的数据。这样可以确保两个表格的数据始终保持一致。

			
		

	





	

		

			

				
					
响应式 Web 设计：纯 HTML 和 CSS 的实现技巧

				
			

			

				

					windowshht的博客
				

				

					08-22
					
					659
					
				

			

		

		

			
				
响应式 Web 设计是现代网页开发的重要组成部分，能够为用户提供一致的体验。通过使用纯 HTML 和 CSS，您可以实现灵活的布局、适应不同设备的图像和样式。本文介绍的技巧和示例将帮助您在项目中有效地应用响应式设计。希望您能在实践中不断探索和优化，创造出更好的用户体验。如需深入了解响应式设计的更多内容，建议参考相关书籍和在线资源，持续学习和实践。

			
		

	





	

		

			

				
					
HTML学习笔记：常见错误与修复

				
			

			

				

					
				

			

		

		

			
				
“html学习笔记，包括html，javascript，css的学习与工作经验总结，更新至2013-6-15。”  在HTML、JavaScript和CSS的学习过程中，了解并掌握常见的问题和解决方案是至关重要的。这份学习笔记主要涵盖了这些方面，...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值