前端语言学习| 青训营

71 阅读1分钟

好的,我将为您提供一些前端语言学习的基本知识和示例代码。

  1. HTML(超文本标记语言): HTML是前端开发中最基础的语言,用于构建网页的结构和内容。 示例代码:
<!DOCTYPE html>
<html>
<head>
  <title>我的网页</title>
</head>
<body>
  <h1>欢迎来到我的网页</h1>
  <p>这是一个段落</p>
  <img src="image.jpg" alt="图片">
</body>
</html>
  1. CSS(层叠样式表): CSS用于控制网页的样式和布局。 示例代码:
<!DOCTYPE html>
<html>
<head>
  <title>我的网页</title>
  <style>
    body {
      background-color: #f1f1f1;
      font-family: Arial, sans-serif;
    }

    h1 {
      color: blue;
    }

    p {
      font-size: 18px;
    }

    .highlight {
      background-color: yellow;
    }
  </style>
</head>
<body>
  <h1>欢迎来到我的网页</h1>
  <p class="highlight">这是一个高亮的段落</p>
  <p>这是另一个普通的段落</p>
</body>
</html>
  1. JavaScript(JS): JavaScript是一种脚本语言,用于为网页添加交互和动态效果。 示例代码:
<!DOCTYPE html>
<html>
<head>
  <title>我的网页</title>
  <script>
    function greet() {
      var name = prompt("请输入您的名字:");
      alert("欢迎," + name + "!");
    }
  </script>
</head>
<body>
  <h1>欢迎来到我的网页</h1>
  <button onclick="greet()">点击我打招呼</button>
</body>
</html>

以上是前端开发中最基础的HTML、CSS和JavaScript示例代码。希望对您的学习有所帮助。如果您还有其他问题,欢迎继续提问。