目录
5.<div>和<span>
一、网页开发工具
1.<！DOCTYPE>
文档类型声明标签，告诉浏览器使用的什么版本的HTML来显示网页
<!DOCTYPE html>注意
1.<！DOCTYPE>位置应在文档最前面，处于<html>标签之前
2.<！DOCTYPE>不是HTML标签，只是文档类型声明标签
3.<body></body>等才属于HTML标签
2.lang语言
定义语言，zh-CN中文，en英文，fr法语......
但同样，定义en仍然可以写中文，定义成zh-CN仍然可以写英文
<html lang="en">
<html lang="zh-CN">
3.charset字符集
一边计算机识别和存储各种文字
常见的有，GB2312，BIG5,GBK,UTF-8（万国码）
<meta charset="UTF-8">示例：
<!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>
<p>补补不被击毙</p>
<p>补补不被击毙</p>
<div>测试一下</div>
</body>
</html>二、HTML常用标签
1.标签语义
即标签的含义，如：标题标签，段落标签
2.标题标签<h1>-<h6>
作为标题使用，并依据重要性递减
单词head，意为头部、标题
<h1>我是一级标题</h1>特点：1.加了标题的字体会变粗，字号会变大，2.一个标题独占一行
<h1>标题一共六级选</h1>
<h2>文字加粗一行显</h2>
<h3>由大到小依次减</h3>
<h4>从重到轻随之变</h4>
<h5>语法规范书写后</h5>
<h6>具体效果刷新见</h6>
3.段落标签 （重要）
<p>我是一个段落标签</p>特点：1.文本会根据窗口大小自动换行。2.段落和段落之间留有空隙
4.换行标签（重要）
文本会在浏览器窗口右端时自动换行，如果想强制换行，就需要使用换行标签<br /> break
特点：1.单个标签。2.和段落不同，换行知识简单的开始新的一行，段落之间会插入一些垂直间距
三、文本格式化标签
1.加粗标签
(1)<strong></strong>（更推荐）
(2)<b></b>
2.倾斜标签
<em></em> <i></i>
3.删除线
<del></del> <s></s>
4.下划线
<ins></ins> <u></u>
5.<div>和<span>
没有语义，是个盒子，用来装内容
div-division分割分区
span跨度跨距，横着写
<div></div>自己独占一行，一行一个，比较大，大盒子
<span></span>一行可以放好多个，横着显示，一行多个，比较小，小盒子
网页布局就靠他俩
6.图像标签（重点）
要插入图像必须先把图像方在html文件旁边！
图像标签<img>，单标签，<img src=" img.jpg" />
src是<img>标签的必须属性，用于指定图像文件的路径和文件名
src图片路径
alt替换文本，图像不能显示时用文字替换
title提示文本，鼠标放到图像上显示的文字
width像素，设置图像宽度
height像素，设置图像高度
border像素，设置图像的边框粗细
7.路径（重点）
（1）目录文件夹：存放做页面所需素材，如HTML文件，图片等
根目录：打开目录文件夹第一层就是根目录
（2）在vscode中打开
文件-打开文件夹-选中目录文件夹，打开后-新建文件
或者直接选中文件夹拉到vscode里，会自动打开
分为相对路径与绝对路径
相对路径：图片相对于HTML的位置
绝对路径：目录下的绝对位置
8. 超链接标签（重点）
<a></a>
语法格式：
a取自单词anchor，意为“锚”
其中，两个属性为：
四、注释和特殊字符
1.注释
<!-- 注释语句-->快捷键：ctrl+/
2.特殊字符
主要记住前三个！！！
扫一扫
4114
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
