认识网页：
网页是由图片、文字、音频、视频、超链接等组成的页面
一个网站由多个网页组成
常用浏览器：
谷歌Chrome–blink（内核）
火狐Firefox–gecko
苹果Safari–webkit
欧朋Opera–blink
IE–trident
（各个浏览器的内核页脚渲染引擎）
web组成的三大标准：
结构—html
表现（样式）—css
行为（交互）—javaScript
HTML：Hyper Text Markup Language （ 超文本标记语言）
VScode下快速开始编写html：
1.新建后缀为.html的文件夹
2.在第一行输入！
3.鼠标移到！后，按下Tab键，完成
VScode运行html文件：
1.安装“open in browser”和“view in browser”插件
2.保存（一定先保存！）
3.右键点击要运行的html文件，完成
文本标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>标题标签,有h1~h6，大小依次减小，独占一行，文字加粗</h1>
<i>斜体</i>
<hr> <!--一条水平分割线-->
<br> <!--强制换行-->
<p>段落标签，且内容独占一行</p>
<b>加粗</b>
<strong>加粗</strong>
<ins>下划线</ins>
<u>下划线</u>
<em>倾斜</em>
<del>删除线</del>
<span> 一行显示多个</span>
<!--代表一个空格-->
<sup>把文字变成上标</sup>
<center>把文字居中</center>
<div>无语义，但也会独占一行</div>
<!--这里的内容不会显示在网页上，通常用来注释我们的程序代码-->
</body>
<body>
<img src=" " alt=" ">
</body>
</html>
!DOCTYPE html>：声明，告诉浏览器，请使用HTML5的标准来解析这个网页
head表示网页的头部，这里的信息都是对网页的整体说明
body表示网页的身体，网页的主要内容都写在这里
图像标签
（img src=“xx.png” alt=" " …）
src：设置图片路径地址（‘ ‘ 或 “ ” 都可）
title：设置鼠标经过显示的提示文字
alt：图片引入失败的提示文字
width：设置图片的宽度
height：设置图片的高度
（宽度和高度一般二选一设置，另一边等比缩放）
border：设置边框（默认黑色）
路径：
相对路径：
同级：
src=“图片名” :
html文件和引入的资源文件属于同一层文件夹
下一级：
src=“文件名/图片名”
html文件和引入的资源文件所在的文件夹属于同一层目录
上一级：
src=“…/文件名/图片名”
html文件和引入的资源文件所在的文件夹是并列关系
绝对路径：
电脑盘符
网络地址
标签
无序列表
<ul>
<li>111</li>
<li>222</li>
<li>333</li>
</ul>
ul type=“disc”> :实心圆
ul type=“circle”> :空心圆
ul type=“square”> :实心方块
有序列表
<ol>
<li>111</li>
<li>222</li>
<li>333</li>
</ol>
ol type=“1”> :数字排序
ol type=“a”> :字母排序
ol type=“A”> :字母排序
ol type=“i”> :罗马字符排序
ol type=“I”> :罗马字符排序
超链接
<ul>
<li>
<a href="https://www.ujs.edu.cn/">江苏大学官网</a>
</li>
<li>
<a href="http://ehall.ujs.edu.cn/new/index.html">江苏大学综合门户</a>
</li>
</ul>
<ul>
<li>
<a href="https://www.ujs.edu.cn/" target="blank">江苏大学官网</a>
</li>
<li>
<a href="http://ehall.ujs.edu.cn/new/index.html" target="blank">江苏大学综合门户</a>
</li>
</ul>
这里target表示目标，blank表示空白，即在空白窗口打开新页面
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
