HTML标签语义（上）

1.h1~h6标题标签:作为标题使用，并且依据重要性递减

• 变粗变大
• 独占一行

2.p段落标签：将文字分成不同的段落

• 在段落中的文本会根据浏览器大小自动换行
• 段落间有空隙

3.br换行标签 :强制换行

• 是单标签
• 只是单纯换行 无空隙

4.文本格式化标签:

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

5.没有语义的标签：就是一个盒子，用来装内容的

• div分割分区：用来布局，一行只能放一个div，大盒子
• span跨度跨距：用来布局，一行可以放多个span，小盒子

6.图像标签和路径：

1. 图像标签：img src=“图像URL”

   • 单标签
   • 属性
     src:是img标签的必须属性，指定图像文件的路径和文件名
     alt:替换文本，图片不能显示时显示的文字
     title:提示文本，鼠标放在图形上提示的文字
     width:图像宽度
     height:图像高度(一般width和height只修改一个 另一个会等比例缩放)
     border:图片边框（已废置，应使用使用CSS定义border-width）
   • 注意点：
     • 图像标签可拥有多个属性，写在标签名后面
     • 属性不分先后顺序
     • 键值对形式

2. 路径：

   目录文件夹：就是普通文件夹，里面存放了做页面所需相关素材
   根目录：打开目录文件夹的第一层

• 相对路径：以 引用文件所在的位置 为参考，建立出的目录路径（图片相对于html的位置）

  相对路径分类	符号	说明
  同一级路径		img src=“IMG.JPG”
  下一级路径	/	img src=“imgs/IMG.JPG”
  上一级路径	…/	img src="…/IMG.JPG"

• 绝对路径：目录下的绝对位置

  • “C:\Users\Adm\Pictures\壁纸\IMG_3359(20201110-113940).JPG”

  • 完整的网络地址：https://img2.baidu.com/it/u=616957171,2718983025&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=699

7.a超链接标签

• 语法：a href=“跳转目标” target=“目标窗口的弹出方式”

• href：（必有）目标的url地址

• target：指定链接页面的打开方式，_self为默认值 当前页面， _blank为在新窗口中的打开方式

• 链接分类：

1. 外部链接

   <a href="http://www.qq.com">腾讯</a>
   

2. 内部链接 网站内部页面间的相互链接

   <a href="gsjj.html">公司简介</a>
   

3. 空链接#

   <a href="#">空链接</a>
   

4. 下载链接 如果href里面地址是一个文件或压缩包 会下载这个文件

   <a href="IMG.zip">下载文件</a>
   

5. 网页元素链接 如文本、图像、表格、音频、视频等都可以添加超链接

   <a href="http://www.baidu.com"><img src="IMG.JPG" /></a>
   

6. 锚点链接 当我们点击链接，可以快速跳到页面中某一位置

   • 在链接文本的href属性中，设置属性值为 #名字 的形式，如

     <a href="#two">第二季</a>
     

   • 找到目标位置标签，里面添加一个id属性=刚才的名字

     <h3 id="two">第二季介绍</h3>
     

8.注释标签：快捷键：ctrl+/

<!-- 注释语句 --> 

9.特殊字符

• 空格：

   
  

• 小于号：

  <
  

• 大于号：

  >
  

传送门:D
HTML标签语义（下）：https://blog.csdn.net/Y_ooo/article/details/121111454