html_标签一

矫情吗；* 2022-05-25 04:37 176阅读 0赞

1. **注释**

<%--  JSP注释 --%>

区别：JSP注释可以阻止Java代码的执行

如，在jsp中有如下代码：

<% System.out.println(“…”);%>

如果使用<%-- --%>包起来，则后台不会输出

如果使用包起来，后台还会输出。

2. **标题**

<h1>-<h6>标签定义标题

![20180508102402266][]

![20180508102408663][]

3. **段落**

标签定义段落

![20180508102716517][]

![20180508102721987][]

4. **加粗**

和都能加粗文本，但其中表示强调文本，它不仅是加粗，搜索引擎是可以识别的。

5. **斜体**

和都能定义斜体字，但其中起强调作用

![20180508102928935][]

![20180508102937611][]

6. **超链接**

页面跳转

<a href="http://qq.com" target="\_blank">新开一个QQ页面</a>

<a href="http://baidu.com">在当前页面打开百度页面</a>

<a href="\#\#\#\#">空链接，只有下划线不跳转</a>

7. **锚标记**

相当于书签，当使用锚标记时，我们可以创建直接跳至该命名锚的链接

语法：<a name=“自定义名字">锚（显示在页面上的文本）</a>

创建使用该锚的链接：<a href=“\#自定义的锚名字”>显示内容</a>

![20180508104924602][]

![20180508104931505][]

点击段落二标签就会定位到段落二所在位置：

![2018050810500622][]

8. **图片标签**

<img>标签将其他文件夹或服务器的图片显示到网页中

语法：<img src=“图片地址” alt=“自定义替代文本" title=”标题，效果相当于tooltip”>

<img>标签只包含属性，并且没有闭合标签

alt 属性是一个必需的属性，它规定在图像无法显示时的替代文本。

假设由于下列原因用户无法查看图像，alt 属性可以为图像提供替代的信息：

l 网速太慢

l src 属性中的错误

l 浏览器禁用图像

l 用户使用的是屏幕阅读器

<img> 标签的 alt 属性指定了替代文本，用于在图像无法显示或者用户禁用图像显示时，代替图像显示在浏览器中的内容。

![20180508105137296][]

![20180508105144913][]

背景图片

![20180508105204580][]

9. **滚动标签marquee**

<marquee scrolldelay=滚动延迟时间 direction=up/down/left/right（滚动方向） οnmοuseοver=”this.stop()”（当鼠标滑过时停止滚动） οnmοuseοut=”this.start()”（鼠标离开时继续滚动）>滚动的文字和图像</marquee>

![20180508105258364][]

![20180508105306963][]![20180508105314107][]

[20180508102402266]: /images/20220525/fbee0e177f264bcb834c821717fde686.png
[20180508102408663]: /images/20220525/7fffeee3152642218f64b5747526119a.png
[20180508102716517]: /images/20220525/65484c7556664e86ab86b439cd760247.png
[20180508102721987]: /images/20220525/da8cd07f5e8c40a3a0abad2de3b416a6.png
[20180508102928935]: /images/20220525/8154489471ac4f288efabb4187ecf460.png
[20180508102937611]: /images/20220525/7b3f9ab9a99341e38a5fc59af48dc1a5.png
[20180508104924602]: /images/20220525/8f7c6134879b4a938adf880df2c896b6.png
[20180508104931505]: /images/20220525/f9685497095141f8bbdac3d77b263688.png
[2018050810500622]: /images/20220525/04265c6485394481b70b788526e26a99.png
[20180508105137296]: /images/20220525/ca0fabf90bd54de1b93b6b96dfc2ee66.png
[20180508105144913]: /images/20220525/0b71cc0160724e7f91ed4d9744717f4d.png
[20180508105204580]: /images/20220525/8fa8be833c6d499287dacf40add5ab69.png
[20180508105258364]: /images/20220525/0389f5041ebd43058efdd2e4e04e01c0.png
[20180508105306963]: https://img-blog.csdn.net/20180508105306963
[20180508105314107]: /images/20220525/cc8d4f68f89f4d38a5524e7ae650c922.png