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网页。

相关推荐
乘风gg27 分钟前
还在养虾吗?虾王已诞生:微信龙虾 ClawBot
前端·ai编程·claude
小小小小宇43 分钟前
LLM 长期记忆构建
前端
lichenyang4531 小时前
从 Express 老项目到 NestJS + Docker:一次车辆管理系统的渐进式重构
前端
Momo__2 小时前
VueUse createReusableTemplate —— 单文件组件内的模板复用神器
前端·vue.js
程序员小富2 小时前
我开源了一个开发者专属的智能 JSON 工具,得到了媳妇高度认可
前端·vue.js·后端
小小小小宇2 小时前
程序员如何给 LLM 装工具以及看懂推理过程
前端
写代码的皮筏艇2 小时前
React中的forwardRef
前端·react.js·面试
槑有老呆2 小时前
花三个月工资请了个 AI 程序员,结果它连青岛啤酒股价都查不了
前端
风骏时光牛马2 小时前
Verilog开发常见问题汇总解析
前端
子兮曰2 小时前
AI Coding Method Map:一张图看懂 AI 编程的完整链路
前端·人工智能·后端