html最全知识点（超级详细，帮你解决90%的问题

HTML是用于创建网页的标准标记语言，它不包含任何实际的内容，只是定义了网页的结构。下面是HTML的一些常见知识点：

基本结构：




<!DOCTYPE html>
<html>
<head>
    <title>页面标题</title>
</head>
<body>
    <h1>这是一个标题</h1>
    <p>这是一个段落。</p>
    <!-- 更多内容 -->
</body>
</html>

标题（Headings）：




<h1>最大的标题</h1>
<h2>次一等的标题</h2>
<h3>最小的标题</h3>

段落（Paragraphs）：




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

链接（Links）：




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

图片（Images）：




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

列表：

无序列表：




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

有序列表：




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

表格（Table）：




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

表单（Forms）：




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

视频（Video）：




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

音频（Audio）：




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

样式和脚本：




<!-- 内联样式 -->
<p style="color:blue;">这是一个蓝色的段落。</p>
 
<!-- 外部CSS -->
<link rel="stylesheet" type="text/css" href="styles.css">
 
<!-- 内部JavaScript -->
<script>
function myFunction() {
    alert("Hello, World!");
}
</script>

分隔符和特殊字符：




<br> <!-- 换行 -->
&nbsp; <!-- 空格 -->
&lt; <!-- 小于号 -->
&gt; <!-- 大于号 -->
&copy; <!-- 版权符号 -->

注释：




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

类和ID：




<div id="uniqueID">唯一元素</div>
<div class="commonClass">共同类别的元素</div>

属性：

html最全知识点（超级详细，帮你解决90%的问题

评论已关闭

推荐阅读