HTML详解连载

在HTML中，元素可以包含所谓的“内容部分”，这是一种特殊的文本，可以用来控制文档的结构和表现。

注释
注释是一种在HTML代码中插入的特殊文本，浏览器会自动忽略它们。注释可以用来解释代码，或者暂时禁用一部分HTML代码。




<!-- 这是一个注释，它不会显示在浏览器中 -->

元数据
元数据是HTML文档中提供元信息的标签，通常位于<head>标签内。




<head>
  <title>页面标题</title>
  <meta charset="UTF-8">
  <meta name="description" content="页面内容描述">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

文本格式化
HTML提供了一些标签用于格式化显示在网页上的文本。




<p>这是一个段落。</p>
<strong>这是加粗的文本。</strong>
<em>这是斜体的文本。</em>
<br> <!-- 这是一个换行 -->

链接
HTML中的<a>标签用于创建超文本链接，可以从一个页面链接到另一个页面。




<a href="https://www.example.com">访问Example网站</a>

图像
HTML中的<img>标签用于插入图像。




<img src="image.jpg" alt="图片描述">

列表
HTML中有两种类型的列表：有序列表和无序列表。




<!-- 无序列表 -->
<ul>
  <li>列表项1</li>
  <li>列表项2</li>
</ul>
 
<!-- 有序列表 -->
<ol>
  <li>列表项1</li>
  <li>列表项2</li>
</ol>

表格
HTML中的<table>标签用于创建表格。




<table>
  <tr>
    <th>表头1</th>
    <th>表头2</th>
  </tr>
  <tr>
    <td>单元格1</td>
    <td>单元格2</td>
  </tr>
</table>

框架
HTML中的<iframe>标签用于创建包含其他页面的内联框架（iframe）。




<iframe src="page.html" width="600" height="400"></iframe>

表单
HTML中的<form>标签用于创建表单，用于用户输入。




<form action="submit.php" method="post">
  <label for="name">姓名:</label>
  <input type="text" id="name" name="username">
  <input type="submit" value="提交">
</form>

样式和脚本
HTML文档可以包含<style>标签用于内部或外部样式表，以及<script>标签用于JavaScript代码。




<style>
  p { color: blue; }
</style>
 
<script>
  function myFunction() {
    alert('Hello, World!');
  }
</script>

这些是HTML中的基本元素和标签，用于构建大多数网页的结构和内容。

评论已关闭

推荐阅读