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

相关推荐
excel6 分钟前
前端必备:从能力检测到 UA-CH,浏览器客户端检测的完整指南
前端
前端小巷子13 分钟前
Vue 3全面提速剖析
前端·vue.js·面试
悟空聊架构20 分钟前
我的网站被攻击了,被干掉了 120G 流量,还在持续攻击中...
java·前端·架构
CodeSheep21 分钟前
国内 IT 公司时薪排行榜。
前端·后端·程序员
尖椒土豆sss25 分钟前
踩坑vue项目中使用 iframe 嵌套子系统无法登录,不报错问题!
前端·vue.js
遗悲风26 分钟前
html二次作业
前端·html
江城开朗的豌豆29 分钟前
React输入框优化:如何精准获取用户输入完成后的最终值?
前端·javascript·全栈
CF14年老兵29 分钟前
从卡顿到飞驰:我是如何用WebAssembly引爆React性能的
前端·react.js·trae
画月的亮33 分钟前
前端处理导出PDF。Vue导出pdf
前端·vue.js·pdf
江城开朗的豌豆39 分钟前
拆解Redux:从零手写一个状态管理器,彻底搞懂它的魔法!
前端·javascript·react.js