我的html页面没有打开,仅显示标题

时间:2018-09-09 05:12:06

标签: javascript html css atom-editor

我是编码的新手,认真的3周前,我开始编码,我很喜欢它,但是我对此很陌生,而且我已经遇到了问题,我尝试使用Atom编辑器制作我的html页面,但我无法打开它,屏幕上唯一打开的是<title>。有人可以告诉我如何解决它,并告诉我一些提示,谢谢!!

<html>
    <head>
        <tile> test </title>
        <link el="stylesheet" type="text/css" href="top.css">
        <script src="">
    </head>
    <body>
        <h1>EAE KKKKKKKKKKK</h1>
        <ul>
            <li> <p><b> mano coloca o mouse aqui </b></p></li>
            <li> <a href= "taattastattatast " ><p> nao ta funcioando pq n tem dominio aaa </p> </a> </li>
        </ul>
        <nav>
            <button onclick="next()"> next </button>
            <img id="slider" scr="temquecolocarumaenostylecoloarvarias">
            <button onclick="prev()"> prev </button>
        </nav>
    </body>
</html>

4 个答案:

答案 0 :(得分:3)

您有一个空的脚本标签,并且尚未关闭它,这意味着浏览器会将页面的其余部分解释为javascript。

您的标题标签中也有错字

答案 1 :(得分:1)

您的代码段中有几处错误。

  • 建议使用<!DOCTYPE html>作为HTML页面的开始。
  • 很好使用lang标记中的html属性来指定html页面的语言。
  • 如果要提供外部资源的链接,请确保在上述路径上存在这些文件。不要将值随机放在srchref或其他属性中。
  • Click here,以了解内部,外部样式表和内联样式的基础。
  • Click here为例,如何在img内使用button?。
  • 确保您的编辑器给您语言语法错误,并提前解决这些错误。您在<tile> test </title>中有错字,可以预先解决,避免以后出现问题。
  • 充分利用代码美化器或格式化程序来避免任何格式化问题,而且还使您的代码易于阅读。

尝试使用以下代码段

<!DOCTYPE html>
<html lang="en">

<head>
    <title> test </title>
    <!-- <link el="stylesheet" type="text/css" href="top.css"> -->
    <script>
        function next() {
            alert("next click");
        }

        function prev() {
            alert("prev click");
        }
    </script>
</head>

<body>
    <h1> EAE KKKKKKKKKK></h1>
    <ul>
        <li>
            <p>
                <b> mano coloca o mouse aqui
            </b>
            </p>
        </li>
        <li>
            <a href="#">
                <p> nao ta funcioando pq n tem dominio aaa
                </p>
            </a>
        </li>
    </ul>
    <nav>
        <button onclick="next()"> next
        </button>
        <!-- <img id="slider" scr="put some valid image link source here"> -->
        <button onclick="prev()"> prev
        </button>
    </nav>
</body>

</html>

答案 2 :(得分:0)

  • 最开始的语句应该是有关网页基础内容的元信息。
  • 浏览器读取第一行,并相应地呈现文件的页面/内容。
  • <!DOCTYPE html>
    

    答案 3 :(得分:0)

    缺少Doctype,但可能是其中的错字(原始帖子中的tile)。