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


相关推荐
金銀銅鐵1 小时前
带您看懂字节码指令(二):空循环里有什么
java·后端·ai编程
吴名氏.3 小时前
Java转AI Agent教程(第十三周)混合检索与重排
java·数据库·人工智能·ai·ai agent
.痞老板.3 小时前
java ee--多线程(进阶)
java·java-ee
treasure1404 小时前
【复古】浅尝Django前后端不分离
前端·css·python·django·bootstrap·html·web
可乐ea4 小时前
智能体记忆该拆成几层:笔记、记忆表示与注入上下文
服务器·数据库·笔记·ai智能体·提示词工程·上下文工程·记忆系统
深入云栈5 小时前
Netty 4.2.x 源码深度解析 (二十三):ByteBuf 核心设计 —— 索引、类型与零拷贝
java·后端·架构
jay神5 小时前
基于 YOLOv8 的手势识别系统(Web 版)
前端·人工智能·python·深度学习·yolo·计算机视觉·计算机毕业设计
Jackzhang5 小时前
[运维排障实录] 第一次遇到 502 别急着重启:按「一条线」把问题查清楚
spring boot
屏什么录5 小时前
长时间录屏中途崩溃:MP4 打不开的 6 种救回方案与参数设置
前端·音视频开发
code_Bo5 小时前
不只命令行:我把跨 Agent 会话同步做成了桌面应用
前端·javascript·后端