初学HTML（1）－－helloworld初体验

最新推荐文章于 2025-05-17 09:01:17 发布
原创 最新推荐文章于 2025-05-17 09:01:17 发布 · 8k 阅读 · 4
标签
#html #常用标签 #href 和src的区别
本文介绍了网页的组成，包括HTML、CSS和JavaScript三个关键部分。HTML负责内容和结构，CSS用于美化，JavaScript则实现网页交互。作为初学者的起点，通过Hello World实例了解HTML的基本用法。

－网页的组成

一个有具体功能的网页一般由三部分组成：

（1）HTML：网页的具体内容和结构

（2）CSS：网页的样式（美化网页最重要的一块）

（3）JavaScript：网页的交互效果，比如用户鼠标事件做出响应

－什么是HTML

HTML的全称是HyperText Markup Language 超文本标记语言。其实它就是文本，由浏览器负责将它解析成具体的网页内容
HTML的组成：
跟XML类似，由N个标签（节点、元素、标记）组成 



                

        

    





  


        

            

                      
                        
                        最低0.47元/天 解锁文章
                          
                      
            

        


    



              

                

              

            
              



	

		

			

				
					
hello-world:我的第一个HTML语言“ hello world”

				
			

			

				

					04-13
				

			

		

		

			
				
{HTML的Hello world}
{一个使用简单HTML扩展世界的小型网页}，{Date 30.03.21}
由{Chrsitoph Peiniger}
描述
{这是有关如何创建.HTML文件的第一次尝试，也是第一次尝试。 “ Hello world”源于软件和Web开发的传统，一旦要使用一种新语言，该传统便会用来创建文件。 }
设置/安装要求
下载.html文件
用您选择的浏览器打开它
已知错误
{没有已知的错误。 找到后，请通知。}
使用的技术
{此文件中的简单HTML}
支持和联系方式
{如果需要帮助，请发表评论或联系以下网站的链接： 
执照
* {MIT许可证
版权所有（c）[2021] [Christoph Peiniger]
 特此免费授予获得该软件和相关文档文件（“软件”）副本的任何人无限制地处理软件的权利，包括但不限于使用，复制，修改，合并的权利，发布，分发，再许可和/

			
		

	



              


  
              

                


	

		

			

				
					
手把手教你用html写Hello World

				
			

			

				

					Devil_ErKang的博客
				

				

					03-25
					
					8808
					
				

			

		

		

			
				
首先，我们先新建一个txt文件，鼠标右键，在新建里面找到文本文档，然后把文档名改成helloWorld.txt






			
		

	





	

		

			

				
					
HTML入门--hello world

				
			

			

				

					mailtolaozhao的博客
				

				

					03-12
					
					966
					
				

			

		

		

			
				
一、HTML入门案例(hello world !)

<!DOCTYPE html>

<html> <!--根标签-->

<head>

<meta charset="UTF-8">

<title>小当网站</title> <!--网页标签-->

<body> <!--主体-->

hello world!

<div>可以作为整体进行格式调整</div>


			
		

	



		

			
		



	

		

			

				
					
HTML详解-1 Hello World

				
			

			

				

					萌杰尔的博客
				

				

					05-08
					
					1702
					
				

			

		

		

			
				
网站开发基础
我们每天都会接触不同的网站，比较常用的百度，哔哩哔哩，还有不太常用的各种工具类网站，但是网站是如何实现的呢，从现在开始我将带着大家一步步了解。

小提示：一个动态网站的实现，需要考虑网站的内容，网站的排版布局，还有对该网站数据的处理

HTML
HTML，又叫超文本标记语言，用来对网站的基本内容进行描述的语言
第一个HTML页面
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF

			
		

	





	

		

			

				
					
【HTML】解锁 HTML ：从零开始打造网页世界

				
			

			

				

					Yui_的博客
				

				

					11-30
					
					2742
					
				

			

		

		

			
				
掌握 HTML 是每一位前端开发者的必备技能，它是你进入网页开发世界的第一步，也是构建丰富、动态网页应用的坚实基础。

			
		

	





	

		

			

				
					
用  HTML输出“Hello  world ”

				
			

			

				

					m0_71580701的博客
				

				

					06-14
					
					5634
					
				

			

		

		

			
				
引子

“Hello world ”是编程中最基本的一个语句，下面看看如何用HTML输出它

HTML

1.打开编译器，HTML可以用Lightly（https://lightly.teamcode.com/）



2.输入框架，代码如下：

<!DOCTYPE html>
<html>
  <head>
    <title>页面标题(w3cschool.cn)</title>
  </head>
  &lt......

			
		

	





	

		

			

				
					
5分钟掌握HTML初体验 - 第一个HTML页面（第02节）

				
			

			

				

					星核日记，一个编程开发者的小天地。我将和大家一起，穿梭于多语言迷宫，剖析算法精妙，分享实战项目。
				

				

					01-15
					
					1053
					
				

			

		

		

			
				
HTML 是网页开发的基石，掌握它意味着你迈出了成为前端开发者的第一步。本文带你从零开始，了解 HTML 的基本结构、常用标签和元素，并手把手教你创建第一个 HTML 页面——“Hello World!”。通过清晰的代码示例和详细解释，你将快速理解 HTML 的核心概念，为后续学习 CSS 和 JavaScript 打下坚实基础。

			
		

	





	

		

			

				
					
html5显示helloworld,helloworld-html5

				
			

			

				

					weixin_42364551的博客
				

				

					06-19
					
					494
					
				

			

		

		

			
				
Thehelloworld-html5 quickstart demonstrates the use of CDI 1.2 and JAX-RS 2.0 using the HTML5 architecture and RESTful services on the backend.What is it?The helloworld-html5 quickstart demonstrates t...

			
		

	





	

		

			

				
					
从零一起学react(1)---HelloWorld

				
			

			

				

					
				

				

					10-10
					
					1009
					
				

			

		

		

			
				
前言最近刚开始学习react，就打算从一个初学者的角度，从零开始边学边写，记录一下react的学习过程，如果能给其他人带来方便，不胜荣幸。 
安装相信大家都看过官网的安装介绍，开始我是使用的Create React App，用react官网上的话说:
  Create React App 是开始构建新的 React 单页面应用的最佳途径。 它可以帮你配置开发环境，以便你可以使用最新的 JavaScr

			
		

	





	

		

			

				
					
HTML 第一个 HelloWorld 页面

				
			

			

				

					AKGWSB 's blog
				

				

					04-12
					
					5525
					
				

			

		

		

			
				
今天学html，惯例先来hello world

HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。 ----Baidu百科

它不是一种语言，没有什么变量流程控制， 类似配置性的文本，比较 ...

			
		

	





	

		

			

				
					
HTML输出Hello world

				
			

			

				

					一加一等于十的博客
				

				

					10-15
					
					990
					
				

			

		

		

			
				
和

			
		

	





	

		

			

				
					
第1关：初识HTML：简单的Hello World网页制作

				
			

			

				

					m0_55900042的博客
				

				

					01-19
					
					3523
					
				

			

		

		

			
				
属性 | 值 | 含义 | ------------ | ----------- | class | 自定义的元素类名 | 元素的类名 | id | 自定义的元素id名 | 元素的唯一的id | style | 元素内联样式 | 元素的样式 | title | 额外信息内容 | 元素的额外信息。补充完代码后，点击测评，平台会对你编写的代码进行测试，当你的结果与预期输出一致时，即为通过；标签来编写⽹页，将文本、超链接、图片、语音、视频等各种内容整合起来，实现绚丽多姿的网页。标签之间输入"动手改变世界"；

			
		

	





	

		

			

				
					
HTML之hello world&&基本标签

				
			

			

				

					遇安的博客
				

				

					10-30
					
					751
					
				

			

		

		

			
				
HTML文件的标志是成对出现的。成对出现的标签，结尾标签需要加上反斜杠“/”。当html最开头加上了则是告诉浏览器，我们使用的是html5。

			
		

	





	

		

			

				
					
初识HTML：简单的Hello World网页制作

				
			

			

				

					qq_45823118的博客
				

				

					03-15
					
					6312
					
				

			

		

		

			
				
HTML——基础前言任务描述相关知识HTML基本概念基本的HTML结构HTML的标签HTML的元素HTML的属性编程要求测试说明
前言

HTML(Hypertext Markup Language，超文本标记语言)是一种用于创建Web页面和Web应用的标准化标记语言。
在CSS(Cascading StyleSheets，级联样式表单)和JavaScript的帮助下，HTML已经成功构建了一整套面向Web的开发与应用平台。
自1995年HTML2.0面世，HTML陆续推出了得到广泛应用的HTML3.2和H

			
		

	





	

		

			

				
					
HTML教程Hello World

				
			

			

				

					一名可爱的技术搬运工
				

				

					05-19
					
					3930
					
				

			

		

		

			
				
在本教程中，您将学习如何使用HTML创建一个简单的hello world页面。 首先，让我们解释一些HTML基础知识。 

 HTML是代表H yper T外部中号 arkup 大号 anguage 
 HTML是一个文本文件，由一组标记标签组成，例如（<html> <body> </ html> </ body>）。 
 几乎所有的标记标记都有开...

			
		

	





	

		

			

				
					
Web开发——前端——第一天，HTML入门：用HTML编写简单的helloworld页面

				
			

			

				

					树下等苹果的博客
				

				

					03-20
					
					1881
					
				

			

		

		

			
				
1、HTML入门
（1）在一个文件夹中新建一个文本文件，将名称改为HelloWorld，并将后缀改为html，如图所示：
然后用记事本打开，并编写第一个HTML代码，如下：
（2）保存该文件，然后用游览器打开，得到以下界面：

也有可能会出现这样的情况：
页面题头出现乱码。乱码原因：代码提醒页面以utf-8字符集编码，但该文件不是utf-8编码的。解决方法：保存文件时，以utf-8编码。
这样，我们的第一个HTML页面就出来了！

...

			
		

	





	

		

			

				
					
html的hello，world

				
			

			

				

					andeyeluguo的博客
				

				

					08-31
					
					4357
					
				

			

		

		

			
				
需要要学习的东西：
      div+css+html+javascript+jquery+angularjs
以下是html的hello，world




菜鸟教程(runoob.com)


 
我的第一个标题
 
我的第一个段落。
 


解析如下
 声明为 HTML5 文档
 元素是 HTML 页面的根元素
 元素包含了文档的元（meta）数据
 元素描述了文档的标题

			
		

	





	

		

			

				
					
HTML 课程 | 第一个网页 | 打印你好世界 三

				
			

			

				

					我的博客，不一样的自我表达 
				

				

					07-04
					
					229
					
				

			

		

		

			
				
到目前为止，我们已经了解了 HTML 文档的结构、标签等。让我们使用这些知识来创建我们的第一个网页，该网页将打印文本“ Hello World！” 屏幕上。打开文本编辑器，然后在其中键入以下代码并将其保存为名称“index.html”。

			
		

	





	

		

			

				
					
HTML零基础入门——hello world

				
			

			

				

					weixin_48670795的博客
				

				

					01-12
					
					568
					
				

			

		

		

			
				
HTML零基础入门——hello world

			
		

	





	

		

			

				
					
前端扫盲HTML

					
最新发布

				
			

			

				

					分享C/C++/Linux/网络/数据库/数据结构
				

				

					05-17
					
					2105
					
				

			

		

		

			
				
扫盲HTML

			
		

	



              




          





        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值