使每个单词的第一个H1字母变大,并为单个H1着色

1 html size text colors

我有一个5字的h1行,我想只增加第3,第4和第5个首字母的大小,加下划线然后使它们变成不同的颜色.

我已经完成了,但WC3说我的代码在每种情况下的大小,下划线和颜色的所有属性和元素都是无效的.

这是在浏览器中有效但不会验证:

<p><h1>Welcome to <br /><font size="120%" color=Red><u>M</u></font>y <font size=120% color=Red><u>F</u></font>vourite <font size=120% color=Red><u>W</u></font>ebsite</h1></p>

它给了我这个设计上唯一的错误(总共15个).

请任何人都可以协助使用HTML和/或CSS来解决此问题,以便进行验证.

我尝试过尺寸和颜色的变化,虽然它们在浏览器中工作,但它们不会验证.

谢谢 :)

Myl*_*ray 6

它们不会验证因为很久以前不推荐使用字体标记,因此它的所有参数都是

你可以在CSS中使用它:

h1 {
margin:5px;
}
#title span {
font-size: 1.2em;
color: #c13636;
text-decoration: underline;
}
Run Code Online (Sandbox Code Playgroud)

并在span标签中包含要突出显示的单词:

<span>TEST</span>
Run Code Online (Sandbox Code Playgroud)

适用于您的代码:

<h1 id="title">Welcome to <br /><span>M</span>y <span>F</span>avourite <span>W</span>ebsite</h1>
Run Code Online (Sandbox Code Playgroud)

演示:

http://jsfiddle.net/Mutant_Tractor/SBbcu/