006 标签 （上）
1. 标题标签
html页面
<!DOCTYPE html>
<html lang="en">
<head><meta 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><h1>标题标签</h1> <h1>标题一共六级选</h1><h2>文字加粗一行选</h2><h3>由大到小依次减</h3><h4>从重到轻随之变</h4><h5>与法规发书写后</h5><h6>具体效果刷新见</h6>
</body>
</html>
浏览器效果
2.段落标签和换行标签
<p> </p> 段落标签
<br /> 换行标签，单标签，标签只是简单的开始下一行，和段落不一样，段落之间会插一些垂直的间距。
标签语义：可以把HTML文档分割成若干段落
特点：
- 文档在一个段落根据浏览器窗口大小自动换行
2.段落与段落之间有空隙
<p>别被所谓的数据蒙蔽了，有些媒体就是喜欢制造焦虑，
什么成交量环比、同比数据上涨好几倍，
更有媒体称：疫情三年，
苏州楼市涨回来只用了一个周末。
乍一看还以为又要涨疯的节奏?环比一般是跟前一周的数据比，他们发的这个
同比数据不知道他比的是哪个月，选取的对比低成交量都是因为节假日因素造成的。</p>
<p>看看绝对成交水平，以二手房为例，周成交量690套是什么水平?
在全面解封的12月第一周，二手房周成交量是1187套。
去年全年周成交最高的数据是7月份的第二周(7.4-7.10)，
单周一共成交了1461套。这样一对比，你会发现，一周成交690套再正常不过了。</p>
3.文本格式化标签
我是<strong>加粗</strong>的文字我是<b>加粗</b>的文字我是<em>倾斜</em>的文字我是<i>倾斜</i>的文字我是<del>删除线</del>的文字我是<s>删除线</s>的文字我是<ins>下划线</ins>的文字我是<u>下划线</u>的文字
效果图
4.< div>和< span>标签
没有语义，他们就是一个盒子，用来装内容的。
<div>div标签，独占一行</div>
<div>div标签，独占一行</div>
<span>baidu</span>
<span>souhu</span>
<span>xinlang</span>码片
5.图像标签和路径
<h4>图像标签的使用：</h4>
<img src="00.png"/>
<h4>alt 替换文本，图像显示不出来的时候用文字替换：</h4>
<img src="000.png" alt="xiaofu shiwo"/>
<h4> title 提示文本 ，鼠标放上去，提示文字</h4>
<img src="00.png" alt="xiaofu shiwo" title="xiaofu shiwo"/>
<h4> width 给图像设置宽度</h4>
<img src="00.png" alt="xiaofu shiwo" title="xiaofu shiwo" width="500"/>
<h4> width 给图像设置高度</h4>
<img src="00.png" alt="xiaofu shiwo" title="xiaofu shiwo" height="100"/>
<h4> width 给图像设置边框</h4>
<img src="00.png" alt="xiaofu shiwo" title="xiaofu shiwo" height="100" border="15"/>效果图：
5.1图像标签的注意点
5.2 路径
1.目录文件夹和根目录
实际工作当中，需要一个文件夹来管理文件
目录文件夹：普通文件夹，里面存放页面需要的素材如：html文件，图片等；
根目录：打开文件夹的第一场就是根目录
2.相对路径：
以引用文件所在位置为参考基础，建立出的目录路径。
简单说就是,图片相对于html页面的位置。
<h4>同一级路径</h4><img src="00.png" /><h4>下一级路径</h4><img src="images/01.png" /><h4>上一级路径</h4><img src="../xx.jpg"/> ../返回上一级路径
3.绝对路径：
是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径。
例如，”D:\web\img\01.jpg“
或者完整的网络地址：”http://www.itcast.cn/images/01.jpg“
<h4>电脑上的绝对路径</h4><img src="E:\前端基础\案例\00.png" /><h4>网络上的绝对地址</h4><img src="https://www.baidu.com/img/flexible/logo/pc/result.png"/>
6.超链接标签
html标签当中，< a>标签用于定义超链接，作用是从一个页面链接另一个页面。
6.1 超链接语法格式
6.2 超链接的分类
<h4>1.外部链接地址</h4><a href="http://www.qq.com" target="_blank">Tencent</a>target 是打开窗口的方式 ：默认的值是 _self 当前窗口打开 _blank是新的窗口打开页面<h4>2.内部链接 内部页面之间相互链接</h4><a href="02标签.html"> 内部链接的跳转</a><h4>3.空链接 ：#</h4><a href="#">空链接</a><h4>4.下载链接 地址链接的是文件.exe，或者是zip 等压缩文件</h4><a href="xxx.zip"></a><h4>5.网页元素的链接</h4><a href="http://www.qq.com"><img src="00.png"/> </a> 给图加了一个超链接<h4>6.锚点标签</h4><a href="#live">个人生活</a><h4 id="live">xxxxxxxx</h4>
7.注释标签和特殊字符
注释
<h4> 注释</h4><!-- 我想喝手磨咖啡 --> 快捷键 : ctrl + /
特殊字符
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！