HTML知识点

作者：System 时间：2024年08月23日分类：所有,html 字数：1538

HTML是用于创建网页的标准标记语言。以下是一些常见的HTML知识点和示例代码：

基本页面结构：




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

图像插入：




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

超链接：




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

列表：

无序列表：




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

有序列表：




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

表格：




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

表单和输入：




<form action="submit.php" method="post">
    <label for="name">姓名:</label>
    <input type="text" id="name" name="name">
    <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>

样式和脚本：

内联样式：




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

外部脚本：




<script src="script.js"></script>

内联样式：




<style>
    body {background-color: powderblue;}
    h1   {color: blue;}
    p2   {color: red;}
</style>

以上是一些基本的HTML知识点和示例代码，实际应用中可能还会涉及更多标签和属性。

HTML知识点

评论已关闭

推荐阅读