HTML 标签
一、基本结构标签
<!DOCTYPE html> <!--文件声明标签 -->
<html lang="en"> <!--定义语言为英文-->
<html lang="zh-CN"> <!--定义语言为中文 （一般没有这一行） -->
<head>
<meta charset="UTF-8"> <!--charset 字符集，UTF-8 意思是全世界都可访问，不会乱码-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title> <!--标签标题-->
</head> <!--标签头部-->
<body> <!--标签主体-->
</body>
</html> <!--根标签-->
二、标签语义
1、标题标签
字体会变粗变大，独占一行
共6级 从< h1 >到< h6 >
<h1>一级标题</h1>
2、段落和换行
文本会根据浏览器窗口大小自动换行
段落间有间隙
<p>段落标签</p>
写在想要开始换行的位置
单标签
<br/>前端
3、文本格式化
为文字设置 粗体、斜体或下划线等
<strong> 加粗 </strong>
<em> 倾斜 </em>
<del> 删除线 </del>
<ins> 下划线 </ins>
4、盒子
用来装内容，没有语义
<div> 大盒子</div> <!-- 独占一行-->
<span>小盒子</span> <!-- 一行可放多个-->
5、图像
<img src="图片名+后缀名" alt="文字说明" title="狗子"/>
src：必须要有，指定图像文件的路径和文件名
注：先将图片与网页放在同一文件夹中
alt：当图片显示不出来时，这段文字可以作为说明
title：鼠标放在图片上可显示出狗子
<width="像素"/> <!-- 宽度-->
<height="像素"/> <!-- 高度-->
<border="像素"/> <!-- 加框-->
这三个置用更改一个，其他的会等比例缩放
注：各属性之间要加空格
6、路径
（1）相对路径
<1>同级路径
图片与这次要做的的html 放在同一个文件夹里
<img src="....jpg"/>
<2>下一级路径
图片在正在做的html所在的文件夹里的文件夹里
<img src="文件夹名/....jpg"/>
<3>上一级路径
比如，图片在根目录中，正在做的html在根目录文件夹中的文件夹里
<img src="../....jpg"/> <!-- ../为上一级符号 -->
（2）绝对路径
这是网路里的图片的地址，如果网站将此图片删除，则该图片也无法显示
<img scr="http://www./2018/"/>
7、超链接
（1）外部链接
跳去别的网站，比如腾讯、百度等
<a href="跳转目标地址"target="目标窗口打开方式">腾讯</a>
"http:www.啥啥啥啥" "_self 当前窗口打开"
" _blank 新窗口打开"
（2）内部链接
网站内各页面相互跳转
<a href="indel.html">首页</a>
（3）空链接
如果跳转的页面还没做好，可以用空链接代替
<a href="#">首页</a> <!-- #为空链接 -->
（4）下载链接（同路径）
如果要跳转到一个压缩包或者是要下载的文件
<a href="压缩包名">下载文件</a>
（5）网页元素
点后面的图片，跳到前面的网站
<a href="http://网页名"><img src="img.jpg"/></a>
（6）锚点链接
点链接可以快速去往页面中的对应位置，例如：生平经历
<a href="#live">生平经历</a>
<h4 id="live">生平经历</h4>
698
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
