HTML标记元素示例
HTML标记元素是用于定义和组织网页内容的基本构建块。以下是一些HTML标记元素的示例：
1、标题和段落：
` * <h1>这是一个主标题</h1> *：定义页面的主标题。`
` * <p>这是一个段落。</p> *：定义一个文本段落。`
2、链接和图像：
<a href="https://www.example.com">点击这里</a>：创建一个链接到其他网页的超链接。
<img src="image.jpg" alt="图像描述">：插入图像，src属性指定图像文件的路径，alt属性提供替代文本。
3、列表：
无序列表：
<ul>
<li>项目1</li>
<li>项目2</li>
<li>项目3</li>
</ul>
<ul>
<li>项目1</li>
<li>项目2</li>
<li>项目3</li>
</ul>
有序列表：
html
Copy code
<ol>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ol>
4、表格：
html
Copy code
<table>
<tr>
<th>表头1</th>
<th>表头2</th>
</tr>
<tr>
<td>行1，列1</td>
<td>行1，列2</td>
</tr>
<tr>
<td>行2，列1</td>
<td>行2，列2</td>
</tr>
</table>
5、表单：
html
Copy code
<form action="/submit" method="post">
<label for="username">用户名：</label>
<input type="text" id="username" name="username"><br>
<label for="password">密码：</label>
<input type="password" id="password" name="password"><br>
<input type="submit" value="提交">
</form>
6、标题和段落：
<h1>这是一个主标题</h1>：定义页面的主标题。
<p>这是一个段落。</p>：定义一个文本段落。
7、链接和图像：
<a href="https://www.example.com">点击这里</a>：创建一个链接到其他网页的超链接。
<img src="image.jpg" alt="图像描述">：插入图像，src属性指定图像文件的路径，alt属性提供替代文本。
8、列表：
无序列表：
html
Copy code
<ul>
<li>项目1</li>
<li>项目2</li>
<li>项目3</li>
</ul>
有序列表：
html
Copy code
<ol>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ol>
9、表格：
html
Copy code
<table>
<tr>
<th>表头1</th>
<th>表头2</th>
</tr>
<tr>
<td>行1，列1</td>
<td>行1，列2</td>
</tr>
<tr>
<td>行2，列1</td>
<td>行2，列2</td>
</tr>
</table>
10、表单：
html
Copy code
<form action="/submit" method="post">
<label for="username">用户名：</label>
<input type="text" id="username" name="username"><br>
<label for="password">密码：</label>
<input type="password" id="password" name="password"><br>
<input type="submit" value="提交">
</form>
这些只是HTML标记元素的一些示例。HTML还有许多其他元素，可以用于创建各种不同类型的内容和布局。您可以根据需要深入学习这些元素以构建丰富的网页。
文档信息
- 本文作者：Eric Chen
- 本文链接：https://aiwv.xyz/2022/03/07/html-first/
- 版权声明：自由转载-非商用-非衍生-保持署名（创意共享3.0许可证）