2021-04-22

HTML常用标签

文本格式化标签

语义	标签	说明
加粗	<strong></strong>或者<b></b>	推荐<stong></strong>
倾斜	<em></em>或者<i></i>	推荐<em></em>
删除线	<del></del>或者<s></s>	推荐<del></del>
下划线	<ins></ins>或者<u></u>	推荐<ins></ins>

<div>和<span>标签

<div>和<span>是没有语义的，他们就是一个盒子，用来装内容的。

<div>这是头部</div>
<span>今日价格</span>

div是division的缩写，表示分割、分区。span意为跨度、跨距。
特点：
1.<div>标签用来布局，但是现在一行只能放一个<div>。大盒子
2.<span>标签用来布局，一行上可以多个<span>。小盒子

图像标签和路径（重点）

1.图像标签
在HTML标签中，<img>标签用于定义HTML页面中的图像。

<img src="图像URL"/>

单词image的缩写，意为图像。
src是<img>标签的必须属性，它用于指定图像文件的路径和文件名。
所谓属性：简单理解就是属于这个图像标签的特性。

属性	属性值	说明
src	图片路径	必须属性
alt	文本	替换文本。图像不能显示的文字
title	文本	提示文本。鼠标放到图像上，显示的文字
width	像素	设置图像的宽度
height	像素	设置图像的高度
border	像素	设置图像的边框粗细

2.路径
相对路径

相对路径分类	符号	说明
同一级路径		图像文件位于HTML文件同一级 如<img src="baidu.gif">
下一级路径	/	图像文件位于HTML文件下一级 如<img src="images/baidu.gif">
上一级路径	…/	图像文件位于HTML文件上一级 如<img src="../baidu.gif">

绝对路径
指目录下的绝对路径

超链接标签（重点）

1.链接的语法格式

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

属性	作用
href	用于指定链接目标的url地址，（必须属性）当为标签应用href属性时，它就具有了超链接的功能
target	用于指定链接页面的打开方式，其中_self为默认值，_blank为在新窗口中打开方式

2.链接分类
（1）外部链接，例如<a href="http://www.baidu.com">百度</a>
（2）内部链接：网站内部页面之间的相互链接，例如<a href="index.html">首页</a>
（3）空链接：例如<a href="#">首页</a>
（4）下载链接：如果href里面地址是一个文件或者压缩包，会下载这个文件。
（5）网页元素链接：在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加超链接。
（6）锚点链接：快速定位到页面中的某个位置
在链接文本的href属性中，设置属性值为#名字的形式，如<a href="#two">第2集</a>
找到目标位置标签，里面添加一个id属性=刚才的名字，如：

第二季介绍