HTML功能汇总

HTML是用于创建网页的标准标记语言。以下是HTML的一些常见功能和使用示例：

创建标题：




<h1>这是一个标题</h1>
<h2>这是一个子标题</h2>

创建段落：




<p>这是一个段落。</p>

创建链接：




<a href="https://www.example.com">点击这里访问example.com</a>

创建图片：




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

创建列表（无序列表）：




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

创建列表（有序列表）：




<ol>
  <li>第一项</li>
  <li>第二项</li>
</ol>

创建表格：




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

创建表单和输入元素：




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

创建帧（用于内联框架）：




<iframe src="page.html"></iframe>

插入视频（使用YouTube视频作为例子）：




<iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allowfullscreen></iframe>

添加CSS样式：




<p style="color: blue;">这是一个蓝色的段落。</p>

添加JavaScript代码：




<script>
function myFunction() {
  alert('Hello, World!');
}
</script>

嵌入音频：




<audio controls>
  <source src="audio.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

创建分隔线：




<hr>

插入注释：




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

设置元信息（用于搜索引擎优化）：




<meta name="description" content="页面描述">
<meta name="keywords" content="关键词1, 关键词2">

设置字符编码：




<meta charset="UTF-8">

指定视口设置（用于移动设备）：




<meta name="viewport" content="width=device-width, initial-scale=1.0">

指定页面的主题颜色（用于移动设备浏览器界面）：




<meta name="theme-color" content="#317EFB">

设置页面重定

评论已关闭

推荐阅读