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


相关推荐
持久的棒棒君3 小时前
npm安装electron下载太慢,导致报错
前端·electron·npm
xuanwojiuxin3 小时前
linux panic-propagation
linux·运维·服务器
有梦想的骇客3 小时前
书籍“之“字形打印矩阵(8)0609
java·算法·矩阵
yours_Gabriel4 小时前
【java面试】微服务篇
java·微服务·中间件·面试·kafka·rabbitmq
程序员Bears4 小时前
Spring Cloud Hystrix熔断机制:构建高可用微服务的利器
spring cloud·hystrix·微服务
crary,记忆5 小时前
Angular微前端架构:Module Federation + ngx-build-plus (Webpack)
前端·webpack·angular·angular.js
漂流瓶jz5 小时前
让数据"流动"起来!Node.js实现流式渲染/流式传输与背后的HTTP原理
前端·javascript·node.js
hashiqimiya5 小时前
android studio中修改java逻辑对应配置的xml文件
xml·java·android studio
achene_ql5 小时前
select、poll、epoll 与 Reactor 模式
linux·服务器·网络·c++
SamHou05 小时前
手把手 CSS 盒子模型——从零开始的奶奶级 Web 开发教程2
前端·css·web