CSS手册CSS3手册Edu网闻
欢迎来到thinkcss查找CSS资料与学习DIV CSS布局技术!
您的位置:ThinkCSS首页 > HTML >

CSS必学HTML标签目录

HTML <U>下划线标签元素【html 下划线】

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

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

一、认识html下划线标签U   -   TOP

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

  1. <u>内容</u> 

结构语法分析图" style="cursor:pointer" onclick="window.open('/uploads/allimg/1607/1_160703094053_1.png')"/>
HTML <u>结构语法分析图

2、下划线u用法

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


HTML下划线 U使用效果截图

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

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

1、完整实例HTML代码

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  5. <title>html u下划线实例 ThinkCSS</title> 
  6. </head> 
  7.  
  8. <body> 
  9. 欢迎访问<a href="http://www.thinkcss.com"><u>ThinkCSS</u></a>网站! 
  10. </body> 
  11. </html> 

2、效果截图


下划线 U标签实例截图

三、html u下划线总结   -   TOP

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

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

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

我要分享到:

CSS基础教程 CSS Based Tutorial

CSS教程文章修订日期:2016-07-03 09:39 原创:ThinkCSS
本文www.thinkcss.com ThinkCSS版权所有。