HTML基础：打开网页魔法的大门

引言

朋友们，今天来聊聊HTML - 超文本标记语言。这可不是什么普通的文本，它是构建整个网络世界的基石。从文字到图片，再到音视频，HTML标签都能搞定！

核心要素

超文本

跳出普通文本的框框，HTML让我们的网页不只是文字那么简单。

标记语言

是的，HTML全靠那些看起来简单却强大无比的标签！

基础标签

<!-- 标题标签 -->
<h1>至<h6>，h1最显眼，h6最低调。

<!-- 文本样式 -->
<font face="宋体" color="blue" size="5">美化你的文字</font>
<b>加粗</b> <i>倾斜</i> <u>下划线</u>

<!-- 布局 -->
<center>居中</center>
<p>段落</p>
<br>换行<br>
<hr>水平线

多媒体与互动

图片、音频和视频

<img src="你的图片URL" height="200" width="300">
<audio src="你的音频URL" controls></audio>
<video src="你的视频URL" controls></video>

超链接

<a href="你的链接URL" target="_blank">点我</a>

列表与表格

有序、无序列表

<ol type="A">
  <li>列表项</li>
</ol>
<ul type="square">
  <li>列表项</li>
</ul>

表格的艺术

<table border="1" width="100%" cellspacing="0">
  <tr align="center">
    <th>表头</th>
  </tr>
  <tr>
    <td>单元格内容</td>
  </tr>
</table>

布局大师

<div>定义区域</div>
<span>行内组合</span>

表单：和用户的对话

<form method="post">
  <input type="text" name="username">
  <input type="password" name="password">
  <input type="submit" value="提交">
</form>