Question

如何在单个html正文中添加<script>和<style>

<html>
   <head>
     <title>My site title</title>
  </head>
  <body>
  </body>
</html>

我希望以这种格式输入css和javascript

Answer 1

使用<script>标记初始化javascript，使用<style>标记初始化css。

E.g。

<html>
   <head>
     <title>My site title</title>
  </head>
  <body>
    <script type="text/javascript">
      alert('yippie');
    </script>
    <style type="text/css">
      body {
        color: red;
      }
    </style>

    red text
  </body>
</html>

但是根据您的要求，将javascript和css代码放在head部分或者更好地放在单独的文件中可能更为明智，例如：

<html>
   <head>
     <title>My site title</title>
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script type="text/javascript" src="script.js"></script>
  </head>
  <body>
    ...
  </body>
</html>

Answer 2

不知怎的这样：

＆＃13;

<html>
  <head>
     <title>My site title</title>
     <style>
        h1 {
          color: red;
        }
     </style>
  </head>
  <body>
  <h1>Test</h1>
  
  <script>
    alert('script works')
  </script>
  </body>
</html>

＆＃13;

将您的样式放在<style>标记内（此标记传统上位于head内），并将您的Javascript代码放在<script>标记内（此标记传统上在</body>关闭之前标记，但您可以将其放在<body>或<head>标记内，这取决于您何时要初始化脚本。）

Answer 3

您可以在body标记内使用html元素，css和javascript。没有问题。但建议使用css＆amp; head

中的javascript

<html>

<head>
  <title>Title</title>
</head>

<body>
  <div>Your text</div>
  <style>
    div {
      color: green;
    }
  </style>
  <script>
    alert('Hello world');
  </script>
</body>

</html>

Answer 4

用于css使用＆＃34; style＆＃34;各个html标签内的属性。例如：

<h1 style="color:red"> Example text </h1>

或使用＆＃34; style＆＃34;标签，即在你的html文件中的<style>标签内写下你的css编码

对于javascript使用<script>标记并在其中编写您的javascript代码。

上面的东西适用于小的html文件，但如果你的html文件非常大，那么它可能会造成混乱，所以我建议你在单独的文件中编写你的css和javascript代码，然后用你的html文件链接它们{{ 1}}标签......

Answer 5

我假设您要将CSS和javascript添加到标题中，这是不可能的，除非你的意思是另一件事

如何在单个html文件中一起添加JavaScript，CSS和HTML代码

5 个答案: