超文本标记语言 (1) - 芒果文档

📌 相关文章

📜 超文本标记语言 (1)

📅 最后修改于: 2023-12-03 15:28:14.156000 🧑 作者: Mango

超文本标记语言（HTML）

HTML（HyperText Markup Language）是一种用于创建网页的标记语言。它使用标记（tag）来描述网页的结构和内容，并可以与其他技术（如CSS和JavaScript）结合使用来控制网页的样式和行为。

基本语法

HTML使用标记来描述网页内容。标记通常由尖括号包围，并在标记之间放置内容。例如，以下标记表示一个标题：

<h1>这是一个标题</h1>

在这个例子中，<h1>是一个开始标记，</h1>是一个结束标记，而这是一个标题是标记的内容。

标记可以嵌套在彼此之内，形成层次结构。例如，可以将一个段落标记嵌套在一个<div>标记中，如下所示：

<div>
  <p>这是一个段落。</p>
</div>

在这个例子中，<div>是一个开始标记，而</div>是一个结束标记。它们之间包含了一个<p>标记，该标记也有自己的开始和结束标记。

常见标记

HTML中有许多不同类型的标记，用于描述网页中的不同元素。以下是一些常见的标记：

<h1>、<h2>、<h3>：用于创建标题
<p>：用于创建段落
<a>：用于创建超链接
<img>：用于插入图像
<ul>、<ol>、<li>：用于创建列表
<table>、<tr>、<td>：用于创建表格
<form>、<input>：用于创建表单

CSS和JavaScript

HTML可以与其他技术一起使用，例如CSS和JavaScript。CSS用于控制网页的样式，例如字体、颜色和排版。可以将CSS代码放置在HTML文档的头部，如下所示：

<head>
  <style>
    h1 {
      color: blue;
    }
  </style>
</head>

在这个例子中，<style>标记中包含了CSS代码，该代码用于将所有<h1>标记的颜色设置为蓝色。

JavaScript用于控制网页的交互和行为。可以将JavaScript代码放置在HTML文档的头部或尾部，如下所示：

<head>
  <script>
    function sayHello() {
      alert('Hello, world!');
    }
  </script>
</head>

在这个例子中，<script>标记中包含了JavaScript代码，该代码定义了一个函数，该函数可以弹出一个警告框，显示“Hello, world!”。

结论

HTML是创建网页的基本语言，它使用标记来描述网页的结构和内容。通过与其他技术（如CSS和JavaScript）的结合使用，可以创建具有吸引力和交互性的网页。