精华内容
下载资源
问答
  • u></u>标签中的问题,但是...html文字加下划线方法?下面我们来总结一下。 首先小编在这里谢谢大家一直的支持,每天都会更新十个web前端基础内容,需要的可以关注我,另外也可以进我的web学习交流群104...

    HTML中的下划线曾经是将文本包含在<u></u>标签中的问题,但是这种方法已被放弃,而更倾向于使用更多功能的CSS。一般来说,下划线被认为是引起人们对文本注意的一种方式,那么HTML怎么设置下划线?html文字加下划线方法?下面我们来总结一下。

    首先小编在这里谢谢大家一直的支持,每天都会更新十个web前端基础内容,需要的可以关注我,另外也可以进我的web学习交流群1045267283,领取资料学习资料笔记,可以跟里面的小伙伴一起学习一起成长,不懂的问题也可以问我,随时给大家解答。再次感谢大家。

    1.使用“text-decoration”CSS样式属性,使用<u>标签不再是强调文本的正确方法。而是使用“text-decoration”CSS属性,语法为:< span style = “text-decoration:underline;” >这将加下划线< / span >。
    2.如果要为某段文本加下划线,请使用<span>标签,将开始标签与“text-decoration”属性一起放在要开始下划线的位置。将结束</span>放置在您想要停止的位置。
    3.在页面的<style>部分声明HTML元素。您也可以在CSS样式表上执行此操作,首先通过将HTML元素声明为样式,可以使下划线过程更容易。例如,要使所有3级标题加下划线,请将以下内容添加到CSS样式部分:
    4.创建一个CSS,以便随时快速在样式表或<style>部分中实现下划线,您可以创建要在以后调用的类名。

    代码实例:

    <!DOCTYPE html> 
    <html> 
    <head> 
    <meta charset="utf-8" /> 
    <title>下划线 删除线 上划线实例 </title> 
    <style> 
    .php{text-decoration:underline} 
     </style> 
    </head> 
     <body> 
    <div class="php">我被加下划线</div>  
    </body> 
    </html> 

    代码显示结果:

    5.考虑其他突出文本的方法。应避免使用下划线以避免混淆读者。一种流行的方法是使用<em>标记,它将文本设为斜体。您可以使用CSS进一步定义此标记以获得独特的重点。

    以上就是对 HTML怎么设置下划线?html文字加下划线方法的全部介绍,更多内容关注我!

    展开全文
  • HTML文字与排版

    万次阅读 2018-01-27 23:29:46
    HTML文字与排版 段落效果——使用排版标记 标记: 用来分出段落,成对出现。 标记: 用来换行,没有结尾标记。建议使用: 标记: 成对出现,开始标记与结尾标记之间的文字按照原始代码的排列方式进行显示。 ...

    HTML文字与排版

    段落效果——使用排版标记

    • < p > 标记:
      用来分出段落,成对出现。
    • < br > 标记:
      用来换行,没有结尾标记。建议使用:< br / >
    • < pre > 标记:
      成对出现,开始标记与结尾标记之间的文字按照原始代码的排列方式进行显示。
    • < blockquote > 标记:
      成对出现,表示引用文字,会将标记内的文字换行并缩进。
    属性 设置值 说明
    cite url 网址 说明引用的来源
    • < hr > 标记:
      添加分割线,让画面更加容易区分主题或段落。属性有: align, size, width, color, noshade 等。
    • < h1> 标记:
      设置段落的标题大小和级别,共有6个级别。由此标记标识的文字将会独占一行。

    文字效果——使用文字标记

    • < foot > 标记:
      HTML5 已经停用。主要可以设计粗体斜体下划线等。
    属性 设置值 说明
    size 相对值(size+=2)
    绝对值(size=2)
    设置文字的大小,默认值为size=3
    color 颜色名称(color=”red”)
    HEX码(color=”#FF0000”)
    设置文字的颜色
    face 系统内置字形 设置文字的字体
    • < b > 标记:
      成对出现,将文字设置为粗体。
    • < u > 标记:
      成对出现,为文字添加下划线。
    • < i > 标记:
      成对出现,将文字设置为斜体。
    • < sup > < sub > 标记:
      成对出现,为文字添加上标和下标。通常用于公式的显示。

    项目符号与编号——使用列表标记

    • 符号列表,又称为无序列表(Unordered List)
    <ul>
        <li> ... </li>
        <li> ... </li>
    </ul>
    • 编号列表,又称为有序列表(Ordered List)
    <ol type="1" start="4" reversed="reversed">
        <li> ... </li>
        <li> ... </li>
    </ol>
    < ol >标记的属性
    属性 设置值 说明
    type 设置值有5种 设置数目样式,默认值:type=1
    start 1、2、3等整数值 设置编号起始值,默认值:start=1
    reversed reversed 反向排序数字改为由大到小
    编号列表的样式
    type设置值 项目编号样式 说明
    1 1,2,3,… 阿拉伯数字
    A A,B,C,… 大写英文字母
    a a,b,c,… 小写英文字母
    I I,II,III,… 大写罗马数字
    i i,ii,iii,… 小写罗马数字
    • 定义列表(Definition List),适用于主题与内容的两段文字,通常第一段以< dt >标记定义主题,第二段以< dd >标记来定义内容。
    <dl>
        <dt>
        .....
        <dd>
        ......
    </dl>
    • 注释
    <!-- 批注文字 -->
    <!--[if IE]>只有IE会执行这里的语句<![endif]-->
    <!--[if lt IE 9]>IE 9 以下的版本才会执行此语句(lt: lower than)<![endif]-->
    • 使用特殊符号
    HTML中常用到的特殊符号
    特殊符号 HTML 表示法
    © &copy ;
    < &lt ;
    > &gt ;
    &quot ;
    & &amp ;
    半角空格 &nbsp ;

    新增中继标记——< meta >

    meta 标记的语法可分为两大类:
    <meta http-equiv="HTTP 表头信息" content="信息内容"
    以及
    <meta name="网页信息" content="信息内容"
    http-equiv 属性主要用于定义HTTP表头信息,例如网页编码方式、自动换页等;name 属性则是描述网页的信息,例如网页关键字、网页作者等。两者必须搭配 content属性使用。meta属性放置与head里。

    http-equiv 属性
    • content-type
      content-type 是设置网页文件的格式。语法如下:
      <meta http-equiv="content-type" content="text/html; charset=gb2321">
      content 属性里设置网页文件的格式的内容,每一项内容以分号分开;text/html 表示以 text 或 html 的标准来编译网页;charset 则是指定网页的编码字集(Character Set),big5 表示编码的字集使用的是繁体中文,若编码方式不对,用户会看到一对乱码。当网页没有指定编码方式时,浏览器会自动选择最适合的编码方式来显示网页。

    • refresh
      refresh 是让网页重新整理,语法如下:
      <meta http-equiv="refresh" content="10; url=http://www.baidu.com">
      content 属性用于设置默认秒数,如果加上 rul 参数,就表示跳到 url 所指定的网页(自动跳转);如果省略网址,就表示重新整理网页。上述代码中,content 属性的语句表示10秒后转往百度首页。

    • expires
      expires 属性是设置网页到期的时间,语法如下:
      <meta http-equiv="expires" content="sun, 22 Jun 2018 15:18:44 GMT">
      通常网页改动不大时,浏览器会先从暂存区读取网页,当网页过期时,才会到服务器重新读取。expires 用于设置网页到期的时间,content 值必须使用 GMT 时间格式。如果希望每次浏览网页都能重新下载网页,那么只要将 content 值设置为过去的时间即可。

    • pragma
      pragma 是设置 cache(快取)的模式,语法如下:
      <meta http-equiv="pragma" content="no-cache">
      content 的值表时禁止浏览器从暂存区读取网页,如此一来,用户将无法脱机浏览。

    • set-cookie
      set-cookie 是设置 cookie 到期的时间,语法如下:
      <meta http-equiv="set-cookie" content="sun, 22 Jun 2008 15:18:44 GMT">
      当 content 设置的时间到期时,cookie 将被删除。content必须使用 GMT 时间格式。

    • windows-target
      windows-target 是限制网页显示的目标窗口,语法如下:
      <meta http-equiv="windows-target" content="_top">
      content 值表示强制将网页显示于最上层,网页加入这句话可以用来防止别人在框架里显示您的网页。

    name 属性
    • keywords
      keywords 是用来设置网页的关键词,语法如下:
      <meta name="keywords" content="animal,dog,动物,狗,宠物">
      content 属性用于填入网页的关键词,让搜索引擎可以更容易的根据 keywords 所设置的关键词搜寻到网页,关键词可以输入中文或英文,以逗号(,)分隔。

    • description
      description 用来说明网页的主要内容,语法如下:
      <meta name="description" content="网站简要说明">
      content 属性是描述此网页的简要说明,内容应简要明了,建议不要超过100个字符。

    • author
      author 用来说明网页的作者,语法如下:
      <meta name="author" content="Eileen">
      content 属性用于标明网页的作者姓名等资料。

    • creation-date
      creation-date 用来标注网页制作的时间,语法如下:
      <meta name="creation-date" content="sun, 22 Jun 2008 15:18:44 GMT">
      content 值必须使用 GMT 时间格式。

    div 标记

    < div > 标记是容器标记,结束必须有 < /div > 标记,属于独立的区块标记(block-level)。也就是说,它不会与其它组件同时显示在同一行,< /div > 标记之后会自动换行。其功能有点类似群组,只要放在 div 标记里的组件,都会称为单一对象。在 HTML 语法里,div 标记通常被用来做对齐功能,语法如下:
    <div align="center" style="font-size: 13pt ; ">

    div 标记属性如下:
    • align
      align 属性用来设置 div 标记里的组件对齐方式,设置值有center(居中对齐),left(靠左对齐),以及 right(靠右对齐)。

    • style
      style 属性里是 CSS 语法用来设置组件的样式,上面的语法的意思是将文字大小设置为 13pt。

    span 标记

    span 标记与 div 标记有些类似,差别在于 div 标记之后会换行,而 span 属于行内标记(inline-level),可与其它组件显示于同一行,语法如下:
    <span style="font-size: 13pt ; ">
    span 标记是 HTML4.0 之后才出现的,主要是针对 CSS 样式列表设计的,在 HTML 语法里较少使用。

    展开全文
  • html 文字上下垂直居中

    万次阅读 2019-06-05 17:13:08
    只是文字的是话可以考虑使用line-height,,,, 当把 line-height 的高度设置和 height 高度一样就能使 文字垂直居中 一段简单的代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8...

    只是文字的是话可以考虑使用line-height,,,,

    当把 line-height 的高度设置和 height 高度一样就能使 文字垂直居中

    一段简单的代码

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    	</head>
    	<style type="text/css">
    		
    		body{
    			margin: 0;
    		}
    		
    		#first{
    			width: 100%;
    			height: 50px;
    			background: #e5e5e5;
    			line-height: 50px; 
    		}
    		.me{
    			font-size: 18px;
    			color: #000000;
    			
    		}
    			
    	</style>
    	<body>
    		 <div id="first">
    		 	<span class="me">我是谁</span>
    		 </div>
    		
    	
    	</body>
    </html>
    

    效果

    展开全文
  • html 文字溢出时变成省略号

    千次阅读 2016-10-16 15:25:12
    html 文字溢出时变成省略号 遇到很多次这种情况了,但每次都是去查百度,还是没有记牢。 记一下,以后往这查,嘻嘻 需要的代码如下overflow: hidden; white-space: nowrap; //使其不换行 text-overflow:ellipsis...

    html 文字溢出时变成省略号

    遇到很多次这种情况了,但每次都是去查百度,还是没有记牢。

    记一下,以后往这查,嘻嘻

    需要的代码如下

    overflow: hidden;
    white-space: nowrap; //使其不换行
    text-overflow:ellipsis;

    效果如图:

    ellipsis

    展开全文
  • HTML 文字行间距与文字间距属性

    万次阅读 2018-05-21 16:44:24
    文字行间距属性: line-height:18px; 文字间距属性: letter-spacing:1px;
  • html 文字、图片水平无限滚动

    万次阅读 2017-12-16 21:24:55
    html 文字、图片水平无限滚动经常在淘宝、京东的app页面中看见水平的广告轮播和中奖信息的轮播。我知道的实现这种无限滚动效果的方法有三种: 使用CSS3样式实现 使用js实现 marquee标签(好像不推荐使用了,我没用过...
  • HTML文字修饰标签

    千次阅读 2018-01-28 15:18:08
    内容修饰标签 文字斜体 i>i>、em>em> 加粗 b>b>、strong>strong> 下标 sub>sub> 上标 sup>sup> 下划线 ins>ins> 删除线 del>del>
  • HTML文字标签

    万次阅读 2012-05-24 22:16:26
    有关文字的标签有很多,常用的标签有、等,通过这些标签我们可以设置文字的大小、颜色、字体及样式。 ◆ 标签   标签属性 SIZE 设定文字的大小  COLOR 设定文字的颜色  FACE 设定文字的字体 ...
  • html文字垂直居中

    千次阅读 2015-12-14 22:38:05
    思路: 如果知道文字区域的高度,那么将line-height等于文字高度即可
  • 在用html写网页时,为了让网页中内容看起来整洁流畅,我们需要将其中的文字内容进行换行,那么,html怎么来换行呢?本篇文章就来给大家介绍一下html中给文字换行的方法。 打造全网web前端全栈资料库(总目录)看完...
  • html 文字竖排效果

    万次阅读 2016-07-14 17:35:52
    废话不多说,看效果; 实例一: 实现这样的效果: 文字是 从上而下,从左向右。显示 ...-webkit-writing-mode:vertical-rl;... html code      文字竖排效果        .e_content h2.myGift{ widt
  • HTML文字与段落

    千次阅读 2016-07-18 11:29:46
    文字的字体(Font)和颜色(Color) 定义文字大小和颜色使用font标签对。 基本语法: ……  它的的属性值有: face(字体 )color(颜色)等 ...html>  head>  title>h标签演示title
  • html文字滚动效果

    千次阅读 2018-09-02 20:07:22
    DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;marquee&lt;/title&gt; &lt;/head&gt; &lt;...
  • html文字换行显示

    千次阅读 2017-05-10 07:38:01
    文字换行显示 龚自珍 九州生气恃风雷,万马齐喑究可哀 我劝天公重抖擞,不拘一格降人才 效果:
  • 大家在写html的时候用到过的这句话就是用来设置页面的文字类型的。 其中 content="text/html; charset=Shift_JIS" 就是来指定用的。 当然如果想设置成UTF-8的时候,设置成 content="t
  • html文字不可选中

    千次阅读 2017-12-25 10:40:13
    在父容器加上这个 onselectstart="return flase
  • html文字居中对齐显示

    千次阅读 2017-05-10 07:47:51
    文字居中对齐显示 汉乐府《长歌行》 百川东到海,何时复西归? 少壮不努力,老大徒伤悲. 效果
  • html 文字和图片实现自适应

    千次阅读 2016-12-26 10:19:23
    文字自适应在html页面加入 图片自适应加入 img{width:100%}
  • html 文字在图片上显示

    千次阅读 2018-12-21 11:41:07
      第一种方式是image 作为背景图片,即:background:url("......."); 例如如下代码块: ...添加文字...添加文字...添加文字...&lt;/div&gt; 第二种方式是将img块与文字块...
  • HTML文字在图片上显示

    万次阅读 2017-02-20 15:38:15
    第二种方式是将img块与文字块(文字块采用span标签显示)放在同一个div 中,然后设置他们之间的位置,例如如下代码块: 添加文字...添加文字...添加文字... 第三种方式是将img块与文字块(文本块
  • css使html 文字90度旋转

    千次阅读 2020-05-20 11:05:46
    DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ...
  • html文字超过部分显示为省略号

    万次阅读 多人点赞 2017-04-08 13:44:12
    为了保证页面的整洁美观,在很多的时候,我们常需要隐藏超出长度的文字。这在列表条目,题目,名称等地方常用到。(1).文字超出一行,省略超出部分,显示’…’ 如果这种情况比较多,可以取一个切合作用的类名用于...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 784,288
精华内容 313,715
关键字:

html文字