您的位置:首页 > HTML > 【 返回上一页

HTML <U>下划线标签元素

HTML <U>下划线标签元素 HTML下划线标签

<u>html字体下划线样式标签,即对文字实现下划线效果。

一、认识html下划线标签U

1、html U下划线标签语法:
以<u>开始,以</u>结束。u标签不是单独一个标签,而是有开始有闭合的一对标签,使用时候切记勿忘记</u>结束,完成一组u下划线标签使用。

<u>内容</u> 

HTML <U>结构语法分析图
HTML <u>结构语法分析图

2、下划线u用法

<u>被加下划线</u> 

HTML下划线 U使用效果截图
HTML下划线 U使用效果截图

二、html U下划线标签使用小实例

接下来ThinkCSS对html下划线标签进行小小实例,让大家通过实例掌握U用法与效果。当遇到需要下划线效果时候就要知道除了使用CSS下划线样式实现,下划线标签一样能实现。

1、完整实例HTML代码

<!DOCTYPE html> 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>html u下划线实例 ThinkCSS</title>
</head>

<body>
欢迎访问<a href="https://www.thinkcss.com"><u>ThinkCSS</u></a>网站!
</body>
</html>

2、效果截图

下划线 U标签实例截图
下划线 U标签实例截图

三、html u下划线总结

我们学习了CSS样式(text-decoration)可以实现字体下划线效果,就不等于不使用HTML U下划线标签实现下划线效果,有时CSS样式+HTML标签兼顾使用达到丰富HTML重构布局。有时适当时候HTML 加粗标签或下划线标签等这类标签有利于搜索引擎优化。

扩展阅读:
1、html下划线颜色
2、css下划线与字体距离设置
3、CSS下划线虚线
4、css去掉下划线

如需转载,请注明文章出处和来源网址:https://www.thinkcss.com/html/925.shtml

修订日期:2016-07-03 09:39 www.thinkcss.com css div