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


相关推荐
沫璃染墨12 分钟前
《从零入门Linux系统篇(五十六):线程篇·九——生产者消费者模型:从条件变量到BlockingQueue实现》
linux·服务器·c++·驱动开发·设计模式·架构·系统架构
张小姐的猫15 分钟前
【Linux】网络编程 —— 五种IO模型
linux·运维·服务器·网络·c++·人工智能·php
程序员-Benothing16 分钟前
Shell脚本调试与最佳实践:set -eux、shellcheck实战
linux·运维·服务器
web打印社区28 分钟前
Lodop 提示未安装或请升级:Chrome 里先分清该装哪套
开发语言·前端·javascript·chrome·websocket·http
重生之我复员之后重当黄毛30 分钟前
vscode配置c/c++环境
c语言·前端·visual studio
COOLMO研究AI31 分钟前
企业官网服务页的信息架构怎么设计:从用户问题到语义化 HTML
前端·css·html
Thomas.Sir38 分钟前
第13课:Spring Cloud LoadBalancer 新版负载均衡核心原理
spring cloud·负载均衡
code_slave(码畜)39 分钟前
微服务架构落地:基础服务 —— 报表服务(上篇:定位、边界与整体架构)
java·spring boot·spring cloud·微服务·架构
Alice-YUE41 分钟前
React 渲染机制速通:Render 树、Fiber 树与更新调度
前端·react.js·前端框架·react·fiber·前端性能·渲染机制
不灭的黄金瞳12342 分钟前
Java实现简易图书管理系统
java·intellij-idea