HTML5

写在前面

一、开个头

安装vscode

1.1 什么是网页

网站是指因特网上根据一定的规则,使用HTML等制作的用于展示特定内容相关的网页集合

网页是网站中的一"页",通常是HTML格式的文件,它要通过浏览器来阅读。

网页是构成网站的基本元素,它通常由图片、链接、文字、声音、视频等元素组成

通常我们看到的网页,常见以.html或.html后缀结尾的文件,因此将其俗称为HTML文件。

1.2 什么是HTML?

HTML指的是超文本标记语言(Hyper Text Markup Language),它是用来描述网页的一种语言。

HTML不是一种编程语言,而是一种标记语言(markup language)。

标记语言是一套标记标签(markup tag)【如div、img等标签】

所谓超文本,有2层含义:

  1. 可以加入图片、声音、动画、多媒体等内容(超越了文本限制)
  2. 它还可以从一个文件跳转到另一个文件,与世界各地主机的文件连接(超级链接文本)。

1.3 编写一个最简单的html网页

下面我们尝试编写一个最简单的网页,

假设桌面上有这么一张美女图【我这里文件名取为img.JPG】:

我们在桌面新建一个txt文件,如下图

接着在新建文本文档.txt内输入内容:<img src="./img.JPG"/>并保存,如下图:

根据1.1节的内容可知,html网页通常是以.html后缀的结尾的文件,因此我们这里将上一步新建的.txt后缀文件更改为.html后缀后保存,如下图操作:

可以看到文件图标变为默认浏览器的图标,如下:

双击打开文件,如下,我们可以看到美女图成功呈现在网页上了,这就是一个最简单的html网页。

相关推荐
AC赳赳老秦10 分钟前
OpenClaw多平台部署:Windows+Linux跨系统协同,实现全场景覆盖
linux·服务器·前端·网络·windows·deepseek·openclaw
喜欢吃鱿鱼27 分钟前
DES加解密(附带解决转义问题)-VUE
开发语言·前端·javascript
腹黑天蝎座30 分钟前
前端性能优化实战指南:从原理到落地的全方位解决方案
前端·性能优化·监控
忆往wu前34 分钟前
一文通透 Vue动态组件体系:插槽|数据监听|组件通信|动态切换|缓存—闭环
前端·面试
奇奇怪怪的问题35 分钟前
问题总结:关于封装axios问题,导致外部使用接口报错,无法进入error回调
前端·axios
Jenlybein36 分钟前
速学 VS Code 插件开发入门,客制化你的开发体验
前端·javascript·visual studio code
qq_437100661 小时前
SSE 流式响应(Server-Sent Events)
前端·sse
十六年开源服务商1 小时前
游戏与设计驱动WordPress建站2026
java·前端·游戏
ZC跨境爬虫2 小时前
UI前端美化技能提升日志day7:(原生苹方字体全局适配+合规页脚完整像素级落地)
前端·javascript·ui·html·交互
好运的阿财2 小时前
OpenClaw工具拆解之tts+web_search
前端·javascript·python·ai·ai编程·openclaw·openclaw工具