HTML标签（上）

标题标签<h1-h6>

文字写中间，字体依次变小（有点像markdown语法

段落和换行标签

段落：<p>我是一段话</p> 换行：<br />

文本格式化标签

粗体：<strong/b> 倾斜：<em/i> 下划线：<ins/u> 删除线：<del/s>

分块标签

大盒子空间：<div> 小盒子空间：<span>

图像标签

属性之间不要加逗号!!空格就可以了!! 属性=“属性值” 最后尖括号前加/斜杠

• src：图片路径，必要属性 （把该图片放入html所在文件夹就可以直接引用图片名加后缀名噢。）
• alt：如果找不到图片就显示alt后跟的文字
• title：当光标移到图片上会显示文字在鼠标边的小框框上（？
• width/height：改变图片的长宽像素，如果只改其中一个就是等比例缩放
• border：给图片的边框粗细(默认黑框，搞这个还得看css

图片标签路径

目录文件夹和根目录

目录文件夹：存放网页元素的文件夹，其中包含了html文件、图片等 根目录：点开目录文件夹的最外层页面就是根目录

相对路径

图片相对于html文件的位置即相对路径

• 图片和html在同一级 haha.jpg
• 图片在单独的文件夹里 image/haha.jpg
• html在单独的文件夹里 ../haha.jpg

绝对路径

指的是图片的纯地址 D:\Study\htmlworks\start\image\haha.jpg（文件中的地址） ==img-home.csdnimg.cn/images/2020… (右键网址上的图片保存地址） 注意斜杠方向

超链接标签⭐ 👉<a>

语法格式

<a href="跳转目标" target="目标窗口弹出方式"> 文本或图像</a>

• href | 用于指定链接目标的url地址，当为标签应用href属性时，具有超链接功能
• target | 默认为 _self 意为在当前窗口打开页面，覆盖了原页面，第二种为 _blank 意为新建窗口打开页面，保留原页面窗口

0. 空链接 引号中为#
1. 外部链接 直接copypaste网址
2. 内部链接 参考相对路径在引号中写出名字，例如

<a href="home.html">首页</a>

4. 下载链接 href中放压缩包或文件后缀，点击即可下载
5. 网页元素链接
6. 锚点链接 快速定位

<a href="#Life">个人生活</a> **注意#号后只能用英文!!!** <h3 id="Life">个人生活</h3>

注释与特殊字符

注释

<!--注释语句--> 快捷键：ctrl+/

特殊字符(常用)

|&-lt-; <||&-gt-; >|| &-nbsp-;  (空格)