HTML知识点总结1 什么是HTML HTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语

1 什么是HTML

HTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。

HTML 指的是超文本标记语言: HyperText Markup Language
HTML 不是一种编程语言，而是一种标记语言
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容
HTML文档也叫做 web 页面

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文档标题</title>
</head>
<body>
    <h1>1号标题</h1>
    <h2>2号标题</h2>
    <h3>3号标题</h3>
    <h4>4号标题</h4>
    <h5>5号标题</h5>
    <h6>6号标题</h6>
    <p>段落</p>
    <a href="https://juejin.cn/creator/content/article/drafts">链接</a> <hr>水平线 <br>换行<br>
    <img src="./img/微信图片_20241031012454.jpg" alt="路易小" height="200px" width="200px">
    <table border="1">
        <tr>
            <th>table head</th>
            <th>Header 2</th>
        </tr>
        <tr>
            <td>row 0, cell 1</td>
            <td>row 1, cell 2</td>
            <td>row 1, cell 2</td>
        </tr>
        <tr>
            <td>table data</td>
        </tr>
    </table>
    <!-- 文本格式 -->
    <b>加粗</b>
    <code>代码</code>
    <em>强调文本</em>
    <i>斜体</i>
    <kbd>键盘输入</kbd>
    <pre>预先格式化文本</pre>
    <small>小文本</small>
    <strong>重要文本</strong>
    <abbr></abbr>
    <del>删除</del>
    <ins>插入文本</ins>
    <sub>下标文本</sub>
    <sup>上标文本</sup>
    <cite>工作名称</cite>
    <blockquote>别的源引用部分</blockquote>
    <bdo dir="">文字方向</bdo>
    <address>地址</address>
    <abbr title="">缩写</abbr>
    <!-- 链接 -->
     <a href="https://www.csdn.net/">文本链接</a>
     <a href="https://www.csdn.net/"><img src="./img/微信图片_20241031012454.jpg" alt="替换文本" height="200" width="200"></a>
     <a href="mail">邮件链接</a>
     <a id="tips">提示部分</a>
     <a href="#tips">跳到提示部分</a>
     <style type="text/css">
        h1 {color: aliceblue;}
        p {color: aquamarine;}
     </style>
     <div>块级元素</div>
     <span>内联元素</span>
     <ul>
        <li>1</li>
        <li>2</li>
        <li>无序列表</li>
     </ul>
     <ol>
        <li>1</li>
        <li>有序列表</li>
        <li>有序列表</li>
        <li>有序列表</li>
     </ol>
     <dl>
        <dt>1定义列表</dt>
            <dd>1.1</dd>
        <dt>2</dt>
            <dd>2.1</dd>
     </dl>
     <!-- <iframe src="./img/微信图片_20241031012454.jpg" frameborder="0" width="300" height="300">嵌入另一个页面内容</iframe> -->
     <form action="" method="post">
     <input type="text" name="" id="">
     <input type="password" name="" id="">
     <input type="checkbox" name="" id="">
     <input type="radio" name="" id="">
     <input type="submit" name="" id="">
     <input type="reset" name="" id="">
     <input type="hidden" name="" id="">

     <select name="" id="">
        <option value="">A</option>
        <option value="" selected="selected">B</option>
     </select>
     <textarea name="comment" id="" rows="20" cols="20"></textarea>
    </form>
</body>
</html>