HTML结构及常见标签

HTML是用来创建网页的一种标准通用标记语言。HTML结构基本上包含了DOCTYPE声明、html标签、head标签、body标签等。

解决方案：

HTML基本结构：




<!DOCTYPE html>
<html>
<head>
    <title>页面标题</title>
</head>
<body>
    <h1>这是一个标题</h1>
    <p>这是一个段落。</p>
    <a href="http://www.example.com">这是一个链接</a>
</body>
</html>

常见标签：

<h1>至<h6>：定义标题
<p>：定义段落
<a>：定义超链接
<img>：定义图像
<div>：定义文档章节
<span>：定义文档内的一部分
<li>：<ul>或<ol>列表项
<table>：定义表格
<td>：定义表格中的单元

列表标签：




<ul>
  <li>列表项1</li>
  <li>列表项2</li>
</ul>
 
<ol>
  <li>列表项1</li>
  <li>列表项2</li>
</ol>

表格标签：




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

图像标签：




<img src="image.jpg" alt="描述文本" />

表单标签：




<form action="submit_form" method="get">
  <label for="fname">名字：</label><br>
  <input type="text" id="fname" name="fname"><br>
  <input type="submit" value="提交">
</form>

视频标签：




<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  您的浏览器不支持视频标签。
</video>

音频标签：




<audio controls>
  <source src="song.mp3" type="audio/mpeg">
  <source src="song.ogg" type="audio/ogg">
  您的浏览器不支持音频元素。
</audio>

链接标签：




<a href="http://www.example.com">这是一个链接</a>

样式和脚本标签：




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

以上是HTML的基本结构和常见标签的使用，这些是创建网页的基础。

HTML结构及常见标签

评论已关闭

推荐阅读