HTML知识点

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

基本结构：




<!DOCTYPE html>
<html>
<head>
    <title>页面标题</title>
</head>
<body>
    <h1>这是一个标题</h1>
    <p>这是一个段落。</p>
    <!-- 这是注释 -->
</body>
</html>

超链接：




<a href="https://www.example.com">访问Example网站</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_page.php" method="post">
    <label for="name">名字:</label>
    <input type="text" id="name" name="name">
    <input type="submit" value="提交">
</form>

框架：




<iframe src="page.html" name="iframe_a"></iframe>
<a href="other_page.html" target="iframe_a">在框架中打开其他页面</a>

多媒体：

视频：




<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.ogg" type="audio/ogg">
  <source src="song.mp3" type="audio/mpeg">
  您的浏览器不支持音频元素。
</audio>

样式和脚本：

内联样式：




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

内部样式表：




<head>
    <style>
        p { color: red; }
    </style>
</head>

外部样式表：




<head>
    <link rel="stylesheet" type="text/css" href="styles.css">
</head>

JavaScript脚本：




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

分区标签：




<header>页头内容</header>
<nav>导航链接</nav>
<section>一个区块</section>
<article>一篇文章</article>
<aside>侧边内容</aside>
<footer>页脚内容</footer>

这些是HTML的基本知识点，涵盖了创建基本网页所需的大部分元素。

评论已关闭

推荐阅读