介绍前端技术HTML-优快云博客

本文链接：https://blog.youkuaiyun.com/LJH_java10086/article/details/136634369

HTML（HyperText Markup Language）是用于创建网页结构的标记语言。它由一系列的标签组成，通过这些标签可以定义网页的结构、内容和样式。

以下是一些常用的HTML标签和它们的用法：

标题标签（<h1>到<h6>）：用于定义标题的级别，h1表示最高级标题，h6表示最低级标题。
段落标签（<p>）：用于定义一个段落。
链接标签（<a>）：用于创建链接到其他网页或文件的超链接。通过href属性可以指定链接的目标。
图像标签（<img>）：用于插入图像。通过src属性指定图像的路径。
列表标签（<ul>和<ol>）：用于创建无序和有序列表。
表格标签（<table>、<tr>和<td>）：用于创建表格。table定义整个表格，tr定义表格中的行，td定义表格中的单元格。
表单标签（<form>、<input>和<button>）：用于创建表单。form定义整个表单，input定义输入字段，button定义按钮。
样式标签（<style>和<link>）：用于定义样式。style标签可以将CSS代码直接写在HTML文件中，link标签可以引用外部的CSS文件。

除了标签以外，HTML还使用属性来控制元素的行为和样式。常用的属性包括class、id、style和src等。

下面是一个示例HTML文件：

<!DOCTYPE html>
<html>
<head>
  <title>我的网页</title>
  <style>
    .red-text {
      color: red;
    }
  </style>
</head>
<body>
  <h1>欢迎来到我的网页</h1>
  <p class="red-text">这是一个段落。</p>
  <a href="https://www.example.com">这是一个链接</a>
  <img src="image.jpg" alt="图像">
  <ul>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
  </ul>
  <table>
    <tr>
      <td>单元格1</td>
      <td>单元格2</td>
    </tr>
    <tr>
      <td>单元格3</td>
      <td>单元格4</td>
    </tr>
  </table>
  <form>
    <input type="text" placeholder="请输入姓名">
    <button type="submit">提交</button>
  </form>
</body>
</html>