一文清晰了解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 !!!++


相关推荐
萧瑟余晖34 分钟前
Java深入解析篇十七之SpringCloud
java·开发语言
是未才1 小时前
从输入 URL 到页面返回:DNS、路由、TLS 与 HTTP 完整链路
java·后端·计算机网络
不会就选b1 小时前
Linux之信号(二)
linux·运维·服务器
ttod_qzstudio1 小时前
Java 常用语法极简通关(五):类与对象——字段、方法、构造器、this 与 static
java·开发语言·python
DevUI团队2 小时前
从“即兴创作”到“规格先行”,华为云码道(CodeArts)代码智能体持续深耕企业级规范驱动开发能力
前端·人工智能·后端
GlueNa2SiO32 小时前
第十八章 Linux故障排查与恢复
linux·服务器·笔记·学习
萧瑟余晖2 小时前
Java深入解析篇十七之Spring Security
java·开发语言·spring
weixin_431600443 小时前
NestJS 入门(3):Guard 如何挡住未登录请求?
前端·后端·学习·nest.js
kyriewen3 小时前
我用Claude Code两天干完了团队两周的排期——周报发出去那一刻我就后悔了
前端·javascript·ai编程
寺中人3 小时前
Linux 基础命令入门实战教程:从零掌握常用操作,新手快速上手
linux·运维·服务器·shell·linux 命令·linux 基础教程·linux 入门