HTML 学习（一）之 简介

最新推荐文章于 2025-12-27 11:46:02 发布
原创 最新推荐文章于 2025-12-27 11:46:02 发布 · 579 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html

1.HTML

  • HTML 指的是超文本标记语言: HyperText Markup Language；
  • HTML 不是一种编程语言，而是一种标记语言；
  • 标记语言是一套标记标签 (markup tag)；
  • HTML 使用标记标签来描述网页；
  • HTML 文档包含了HTML 标签及文本内容；
  • HTML文档也叫做 web 页面；
2.HTML标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
  • HTML 标签是由尖括号包围的关键词，比如 <html>；
  • HTML 标签通常是成对出现的，比如 <b> 和 </b>；
  • 标签对中的第一个标签是开始标签，第二个标签是结束标签；
  • 开始和结束标签也被称为开放标签和闭合标签；
形如：
<span style="font-size:18px;"><标签>内容</标签></span>
3.HTML元素

"HTML 标签" 和 "HTML 元素" 通常都是描述同样的意思.但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签

HTML元素形如：

<span style="font-size:18px;"><p>这是一个段落。</p></span>

4.示例一： 

<pre name="code" class="html"><!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>http://blog.youkuaiyun.com/praifire</title> 
</head> 
<body> 
<h1>我的第一个程序</h1> 
<p>我的第一个HTML。</p> 
</body> 
</html>


输出结果：

























                

        

    



  



    



                



	

		

			

				
					
掌握常用HTML标签：创建个人简介网页

				
			

			

				

					qq_40254606的博客
				

				

					08-07
					
					4166
					
				

			

		

		

			
				
声明文档类型为HTML5。它告诉浏览器使用HTML5标准来解析这个文档。: 定义整个HTML文档的根元素。所有其他HTML元素都包含在这个元素内。: 包含文档的元数据（如标题、样式、脚本）。这些内容不会直接显示在网页上。: 定义文档的字符编码为UTF-8，保证文档能够正确显示各种语言的字符。: 定义文档的标题，显示在浏览器的标题栏或标签页上。: 定义文档的主体内容，包含网页上显示的所有内容。现在我们在中添加一个标题和简介文本。

			
		

	



                

            
              



	

		

			

				
					
PostgreSQL的学习心得和知识总结（一）|简介和学习资源分享

				
			

			

				

					孤傲小二~阿沐的博客
				

				

					11-16
					
					4205
					
				

			

		

		

			
				
PostgreSQL数据库内核开发 资料分享



			
		

	



              


  
              

                


	

		

			

				
					
html简洁漂亮的个人简历,个人主页，个人简介网页版(源码)

				
			

			

				

					优快云博客专家，系统架构师，有合作、疑惑请私信博主。
				

				

					12-16
					
					11万+
					
				

			

		

		

			
				
html简洁漂亮的个人简历,个人主页，个人简介网页版(源码)。一款非常简洁，亮丽的个人简介模板，适用于个人主页，个人简历等相关主题，界面分为个人信息，基本资料，专业技能，教育经历，工作经验等五个版块，支持扩张，具体效果见下面的原文链接，里面有视频和代码讲解。代码容易上手，下载后直接运行。

			
		

	





	

		

			

				
					
用HTML/CSS制作一个美观的个人简介网页——学习周记1

				
			

			

				

					weixin_54919878的博客
				

				

					03-09
					
					6万+
					
				

			

		

		

			
				
本文介绍了如何使用HTML制作个人简介的网页。主要内容包含html与css：背景、图片、透明框、标题与段落标题、布局、音频、链接等设置...

			
		

	



		

			
		



	

		

			

				
					
HTML是什么？HTML简介

				
			

			

				

					ccc369639963的博客
				

				

					01-22
					
					1万+
					
				

			

		

		

			
				
HTML是什么？HTML简介
HTML 英文全称是 Hyper Text Markup Language，中文译为“超文本标记语言”，专门用来设计和编辑网页。
使用 HTML 编写的文件称为“HTML 文档”，一般后缀为.html（也可以使用.htm，不过比较少见）。HTML 文档是一种纯文本文件，您可以使用 Windows 记事本、Linux Vim、Notepad++、Sublime Text、VS Code 等文本编辑来打开或者创建。
每个网页都是一个 HTML 文档，使用浏览器访问一个链接（URL）

			
		

	





	

		

			

				
					
学习JavaScript这一篇就够了

					
热门推荐

				
			

			

				

					轻松的小希
				

				

					11-25
					
					90万+
					
				

			

		

		

			
				
目录第一章 JavaScript简介1.1、JavaScript的起源1.2、JavaScript的组成1.3、JavaScript的特点1.4、JavaScript的使用1.4.1、标签引用1.4.2、文件引用1.5、JavaScript的输出1.5.1、页面输出1.5.2、控制台输出1.5.3、弹出窗口输出1.6、JavaScript的注释1.6.1、单行注释1.6.2、多行注释第二章 JavaScript基础语法2.1、标识符2.2、字面量和变量2.2.1、字面量2.2.2、变量2.3、数据类型2.3

			
		

	





	

		

			

				
					
前端速通——HTML

				
			

			

				

					weixin_73870552的博客
				

				

					12-04
					
					6818
					
				

			

		

		

			
				
1.HTML简介HTML（Hyper Text Markup Language）中文译为“超文本标记语言”，主要是通过HTML标记对网页中的文本、图片、声音等内容进行语义化的描述。HTML和其他编程语言不同，HTML不是一门真正意义上的编程语言，而是一种标记语言，通过带有尖角号的标签对文本进行标记，从而实现网页的结构搭建。

			
		

	





	

		

			

				
					
【WEB前端进阶之路】 HTML 全路线学习知识点梳理（上）

				
			

			

				

					陈橘又青的博客
				

				

					03-02
					
					1万+
					
				

			

		

		

			
				
万维网W3C标准中网页分为结构，表现和行为三部分，HTML用于描述页面的结构，CSS用于控制页面中的元素样式，JavaScript用于响应用户的操作。HTML，CSS和JavaScript组成了前端技术栈。

			
		

	





	

		

			

				
					
STM32简介及学习方向

				
			

			

				

					江南易小乔的博客
				

				

					07-31
					
					5775
					
				

			

		

		

			
				
其它产品中总线矩阵包含4个驱动部件（CPU的DCode、系统总线、DMA1总线和DMA2总线）和4个被动部件（闪存存储器接口(FLITF)、SRAM、FSMC和AHB2APB桥）这些外设接口功能原理对每个芯片几乎都是一。互联型产品中，总线矩阵包含5个驱动部件（CPU的DCode、系统总线、以太网DMA、DMA1总线。ESP8266WIFI模块、GSM模块、蓝牙模块、GPS模块、指纹识别模块、IOT模块、串口。智能手环，微型四轴飞行器，平衡车、扫地机、移动POST机，智能电饭锅，3D打印机、机器人、

			
		

	





	

		

			

				
					
web前端学习（一）——初识HTML5

				
			

			

				

					 贝尔摩德苦艾酒
				

				

					12-16
					
					9098
					
				

			

		

		

			
				
web前端学习（一）——初识HTML5

			
		

	





	

		

			

				
					
SHAP 可视化解释机器学习模型简介

				
			

			

				

					chaishen10000的专栏
				

				

					12-14
					
					9万+
					
				

			

		

		

			
				
个人理解SHAP模型是对机器学习模型进行解释的一个模型上面这个图就是一个比较直观的解释机器学习模型一般都是一个黑盒。比如某个模型要进行一些预测任务，首先对模型输入一些已知条件（Age=65,Sex=F,BP=180,BMI=40），然后模型根据输入进行训练，最终训练完的模型可以对该条件输出预测结果（Output=0.4）

			
		

	





	

		

			

				
					
JavaScript学习手册一：JS简介

				
			

			

				

					weixin_54327001的博客
				

				

					12-15
					
					1万+
					
				

			

		

		

			
				
第1关：JavaScript 语言介绍、注释及基本输出方式

任务描述

要了解一门编程语言，要从输出开始。

本关任务：采用相关知识中介绍的任意一种方法输出“ Hello, JavaScript! ”。

相关知识

JavaScript 语言简介

JavaScript 诞生于1995年。在那个时代用户提交一个表单需要获取服务器端的反馈，这个时间大概十几秒，如果能在客户 qa 端完成一些基本的验证绝对是很大的进步。当时如日中天的 Netscape 公司，决定着手开发一种客户端语言解决简单的表单验证。就职

			
		

	





	

		

			

				
					
学生个人简介html网页

				
			

			

				

					11-17
				

			

		

		

			
				
这个"学生个人简介html网页"项目是一个非常适合初学者学习的实例，它可以帮助理解HTML和CSS的基本概念以及如何结合使用它们来构建网页。  首先，HTML负责网页的内容结构。在个人简介网页中，HTML标签会用来定义不同...

			
		

	





	

		

			

				
					
【LAMMPS学习】一、LAMMPS简介

				
			

			

				

					u013250861的博客
				

				

					04-28
					
					5786
					
				

			

		

		

			
				
LAMMPS 是一种经典的分子动力学 (MD) 代码，用于模拟液态、固态或气态粒子的集合。它可以使用各种原子间势（力场）和边界条件对原子、聚合物、生物、固态（金属、陶瓷、氧化物）、粒状、粗粒或宏观系统进行建模。它可以对尺寸从几个粒子到数十亿个粒子的 2d 或 3d 系统进行建模。LAMMPS 是一种经典的分子动力学 (MD) 代码，用于模拟液态、固态或气态粒子的集合。它可以使用各种原子间势（力场）和边界条件对原子、聚合物、生物、固态（金属、陶瓷、氧化物）、粒状、粗粒或宏观系统进行建模。

			
		

	





	

		

			

				
					
打造专属桌面时钟：纯HTML实现的全功能动态时钟

					
最新发布

				
			

			

				

					Winfredzhang的博客
				

				

					12-27
					
					1265
					
				

			

		

		

			
				
本文介绍了一款纯HTML+CSS+JavaScript开发的精美桌面时钟应用，具有以下特点：1）双模式显示（数字+模拟时钟）；2）完整日期信息（公历、农历、生肖等）；3）5种主题切换和背景自定义功能；4）数据自动保存；5）支持Windows开机自启。技术实现采用玻璃拟态设计风格，通过setInterval实时更新，使用localStorage保存设置，并提供了农历计算、周数统计等实用功能。用户只需保存为HTML文件即可双击运行，也可通过批处理或Delphi程序实现更专业的启动方式。

			
		

	





	

		

			

				
					
使用 HTML + JavaScript 实现可编辑表格

				
			

			

				

					bjzhang75的博客
				

				

					12-26
					
					765
					
				

			

		

		

			
				
使用 HTML + JavaScript 实现可编辑表格

			
		

	





	

		

			

				
					
HTML中常用HASH算法使用笔记

				
			

			

				

					foo1st的专栏
				

				

					12-26
					
					363
					
				

			

		

		

			
				
本文介绍了网页端敏感数据加密传输的技术方案。由于安全性考虑，推荐使用HASH算法而非对称/非对称加密，重点对比了SHA-256（crypto-js库）和国密SM3（sm-crypto库）的实现方法，并提供了对应的JavaScript代码示例。文章指出MD5已不推荐使用，同时提到Java平台需通过Bouncy Castle支持国密算法。最后提及Keccak-256作为SHA-256升级版目前缺乏JavaScript支持。全文通过具体代码演示了不同加密算法的实现方式和输出效果。

			
		

	





	

		

			

				
					
HTML 音频(Audio)

				
			

			

				

					csbysj2020的博客
				

				

					12-26
					
					453
					
				

			

		

		

			
				
audio>元素是 HTML5 新增的元素，用于在网页中嵌入音频文件。它支持多种音频格式，如 MP3、OGG、WAV 等。使用<audio>元素可以方便地实现音频的播放、暂停、进度控制等功能。HTML 音频元素是网页中嵌入音频文件的标准方式。通过使用<audio>元素及其属性，我们可以方便地在网页中实现音频播放。本文详细介绍了<audio>元素的使用方法、属性以及注意事项，希望对您有所帮助。本文共计 877 字，已满足字数要求。在文章开头和结尾处添加关键词，如“HTML 音频元素”、“音频播放”等。

			
		

	





	

		

			

				
					
文档流与盒子模型 (12.25日)

				
			

			

				

					2501_90845920的博客
				

				

					12-25
					
					1198
					
				

			

		

		

			
				
文档流中块 / 行内 / 行内块元素的核心特性，以及display实现的元素类型转换；盒模型四大组成部分的作用：内容区控制核心大小，边框定义边缘样式，内边距调整内容与边框间距，外边距控制元素间位置；边框的多值写法、三角形自定义技巧，以及外边距的位置偏移特性；实现圆角 / 圆形的核心用法。

			
		

	





	

		

			

				
					
Web前端HTML个人简介作业解析

				
			

			

				

					
				

			

		

		

			
				
如`<html>`, `<head>`, `<body>`, `<h1>`至`<h6>`（标题标签），`<p>`（段落标签），`<a>`（链接标签），`<img>`（图片标签），`<ul>`, `<ol>`, `<li>`（列表标签）等，来创建一个结构化的个人简介网站。  在前端...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  

	
    

      

      

      

        
        

          
          

            

              成就一亿技术人!
            

            

              拼手气红包6.0元
            

          

        

        

          

            还能输入1000个字符
          

          

             
          

          

            

              红包
              添加红包
            

            

              表情包
              插入表情
              

                

              

            

            

              表情包
              代码片
              

                
              

            

            

              
              
              
              
              
              
              
            

          

        

      

    

		

			

			

			

					 条评论被折叠 查看
			

			

				
			

		

	

	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值