HTML知识点总结

最新推荐文章于 2025-05-27 18:06:33 发布

原创最新推荐文章于 2025-05-27 18:06:33 发布 · 188 阅读

1 ·

CC 4.0 BY-SA版权

html 专栏收录该内容

1 篇文章

订阅专栏

HTML知识点总结（超文本标记语言）

1、元素

开始标签、内容、结束标签组成

2、HTML文档

、、、...

注释：

3、元素的属性

元素是可以有相关属性的。属性包含元素的额外信息，这些信息不会在浏览器中显示出来。

，这里password和text即为属性，在属性和元素名称之间有一个空格，type后面必须接一个=号，属性必须用 “” 引起来。

4、标题

HTML 提供了从大到小6级标题，分别是：<h1> ~ <h6>，

This is heading 1

等等

5、文本格式

<p>...<mark>text</mark>..</p>，text为标记的高亮内容
<p><del>text</del></p>,text为中画线内容  
<p><s>text</s></p>,text为中画线内容
<p><s>text</s></p>,text为下划线内容
<p><ins>text</ins></p>,text为下划线内容
<p><u>text</u></p>,text为缩小内容
<p><small>text</small></p>,text为加黑内容
<p><em>text</em></p>,text为斜体内容

6、超链接a和锚点

<a href="跳转去的地址 URL" target="_blank">点击按钮</a>
target属性为_blank表示在新的页面打开超链接（默认是在当前页面打开即_self）

锚点，也称为书签。先使用id属性生成某元素的锚点，然后再使用超链接指向该锚点即可。
<h2 id="C4">第四章 论零号病人的重要性</h2>
<a href="#C4">跳到第四章</a>

7、图片及文件路径

<img src="图片文件的位置 URL" alt="获取图片出现问题时显示的文字" width="图片宽度" height="图片高度">
对于小尺寸的图片，现在可采用 base64 编码进行，可提高页面加载速度

`<img src="picture.jpg">`	该图片文件与当前文档在同一目录中
`<img src="./images/picture.jpg">`	该图片文件在当前目录下的`images`目录中
`<img src="../picture.jpg">`	该图片文件在上一级目录中

8、表格Table

<table>
    <tr>
      <th>姓名</th>
      ...
    </tr>
    <tr>
      <td>小红</td>
      ...
    </tr>
    <tr>
      <td>小明</td>
      ...
    </tr>
  </table>
  <tr>表示行, <td>表示行中的单元, <th>是表头的单元（将会加粗显示）
  姓名          ...
  小红          ...
  小明          ...