Question

我的班级被要求使用HTML5而非CSS来创建此网页。

问题：我有两个h2，我在某处读到这是合法的和两组“无序列表”，但它们没有排成一行。我的意思是在彼此之间排列：例子混乱 AAA BBB CCC 冷静 ABC BCA BAC 他们排队悬臂（？）。平静的头和＆amp;它的列表更靠右边。我研究了几个网站，但没有想出为什么会发生这种情况。感谢您的帮助和见解。

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>Serenity</title>
    <style type="text/css">
    body 
        {
                background-image:url("images/bg-ocean-body.jpg");
                background-repeat:no-repeat;
                background-size: cover;
            }
    </style>
        <h1 span style="text-align:center; color:green;">Achieving Calm Amid<span style="color:black"> Confusion</h1>
         <h2>Confusion</h2>
         <ul>
            <li>Government Shutdown</li>
            <li>"do nothing" congress</li>
            <li>bridgegate, sandygate</li>
            <li>Putin, Sochi</li>

        <h2 span style="color: green; text-align:left;">Calm</h2>
        <ul>
            <li>wipe away stress</li>
            <li>gain mental/emotional balance</li>
            <li>anxiety decreases</li>
            <li>develop perspective</li> 
        </ul>

</head> 

</html>

Answer 1

您正在错误的地方添加<span>个标签。 <span>是一个单独的标记，而不是<h2>的属性。

例如，您几乎正在围绕混淆正确使用<span>，但您并未使用</span>关闭它。

我相信你正在做类似的事情：

<h1><span style="text-align:center; color:green;">Achieving Calm Amid</span><span style="color:black"> Confusion</span></h1>

此外，您需要使用<ul>关闭第一个</ul>代码。

HTML5中的两个“h2”标题

1 个答案: