HTML知识点总结

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>是表头的单元（将会加粗显示）
  姓名          ...
  小红          ...
  小明          ...

9、列表List

1）无序列表,默认使用实心圆点作为每项的标志，其它的标志可以是空心圆circle，实心方块square以及不出现标志。

• Coffee
• Tea
• Milk

2）有序列表,默认使用数字作为每项的标志，其它的标志可以是大写字母A，小写字母a，罗马字母i等

1. Coffee
2. Tea
3. Milk

10、表单Form

当网站需要获取我们的一些信息如：用户名、密码、选择买什么、买多少、提出意见等等时，我们就需要使用表单（form）来让用户填写或选择。

用户名：

密码：

性别：
男
女
您有哪些交通工具：
自行车
摩托车
轿车
飞机

11、区块、内联元素，特殊符号

1）区块元素

区块元素在浏览器显示时，通常会以新行来开始（和结束）。如：<h1>, <pre>, <ul>, <table>，<div> 等。

2）内联元素

内联元素相反，他们总是一个接一个进行显示，不会新起一行。如： <span>, <input>, <td>, <a>, <img>等。

3）特殊符号

空格： 

大于小于号表示： <  >