一文清晰了解HTML

有这样一个txt记事本文件和一张图片:

txt文本内容是这样的:

html 复制代码
<html>
                <head>
				<title>HTML学习</title>
		</head>
		<body>
				<h1>hello HTML</h1>
				<img src="高清修复.png"/>
		</body>
</html>

将其后缀改为html后就变成了这样:

点击就会出现:

没错,这就是html。一类超文本标记语言,简单的标记,简单的书写,就出现了一个网页。

不用质疑,它的编译解释由浏览器内核实现。

随便一个网页右击:

便是html语言。那是不是意味着我们直接复制一个网页的网址就拥有源码了呢?来试一试:

这是一个github项目的页面,有思维导图很精美,我们来看看它的html语言:

我们对其复制粘贴到了记事本,并改后缀html运行,结果:

真的丑,为什么?因为html仅包含内容,我们说前端三剑客:html、CSS、JS,其中CSS负责巧妙的结构,JS负责页面活动(跳转之类)。

HTML语言的特点是语法松散------不区分大小写、单双引号。

接下来我们会继续介绍另外两个......


++to be continue !!!++


相关推荐
Lana学习中几秒前
[AI编程]纯前端JS实现评论区自动截图&生成 PDF
前端·javascript·pdf·vibe coding
鹏程十八少3 分钟前
7. Android Shadow插件化原理深挖(下):Transform字节码插桩与“零Hook”的底层实现与宿主通信全流程
android·前端·面试
The_era_achievs_hero5 分钟前
Flex布局属性
前端
Z_Wonderful6 分钟前
npm -v无效PowerShell 的执行策略,解决方案
前端·npm·node.js
左左右右左右摇晃6 分钟前
Java线程池——核心方法解析execute / submit / shutdown
java·开发语言
gaozhiyong081312 分钟前
深度架构拆解:Gemini 3.1 Pro的核心技术突破与国内镜像站实测指南
java·开发语言·jvm·mysql
江不清丶12 分钟前
JVM内存区域深度剖析:从JDK8架构到生产级内存优化
java·jvm·架构
~无忧花开~14 分钟前
React事件处理全解析
开发语言·前端·javascript·react.js·前端框架
阿豪学编程15 分钟前
【网络】IO多路转接 ---select、poll、epoll
运维·服务器·网络