学习HTML有感

h 标签有 6 个，分别为：h（1-6）
h标签来说，它没有属性，只有标签名，值写在标签的中间。
h6最小，h1最大。

p标签是段落标签，一个 p 标签会独占一行。
p标签可以嵌套的，成对即可。

hr标签会在页面中输出一条直线。一般用于分隔使用。
hr标签的属性有如下：
1. width：用于指定横线的宽度。单位都是像素。不推荐使用，因为这个属性已经被废弃了。
2. size：用于指定横线的粗细。单位都是像素
3. align：用于指定横线的位置，有 3 个值：
1）left：显示在左边
2）center：显示在中间（默认值）
3）right：显示在右边
4. color：用于指定横线的颜色，颜色值有以下几种取法。
1）英文单词，如：red、blue、green六进行数（3位或6位），如：#ff0000、#f00
3）rgb(255, 255, 0){注：六位两两一组是三原色（红 绿 蓝的深浅）三位也同理。

如果想在网页中显示图片，需要使用 img 标签。
有以下属性：
1. src：用于指定图片所在的路径，图片有以下几种：
    1）.png：它的背景可以是透明的，颜色比较丰富，在网上常用
    2）.gif：它的背景也可以是透明的，颜色很少，可以做动画
    3）.jpg：它的背景不能是透明的，颜色非常丰富，压缩比非常高
    4）.bmp：它是位图格式，在网上一般很少使用。
2. width：用于指定图片显示的宽度，如果只指定这个值，图片的高度也会自动等比例缩放。
3. height：用于指定图片显示的高度，如果只指定这个值，图片的宽度也会自动等比例缩放。

（注：width与height一般只用一个以防图片失真）
4. alt：用于在图片不能显示时，用它的内容来占位。
5. title：用于当鼠标放到图片上时显示提示信息

如果想给某些文字加上链接，那么就需要使用 a 标签。
有以下几个属性需要注意：
1. href：用于指定链接的地址
2. target：用于指定打开链接的方式，有以下几个值：
1）_blank：总是以新的窗口或标签页来显示。
2）_self：在本窗口中打开链接，默认值
3）_top：它是在父窗口中打开，一般用于HTML的框架中使用iframe、frameset
4）_parent：也是在父窗口中打开。
（a 标签除了做链接以外，还可以做锚点，它的语法是
<a name="锚点名称"></a>
制作锚点的步骤：
1. 先使用 <a name="锚点名称"></a>来定义一个锚点
2. 使用 a 标签的 href 来使用这个锚点，使用时，需要在锚点名称前面加上#号）

table标签用于定义一个表格，它由行和列组成，行的标签为 tr，列的标签为 td。

表格的基本结构如下：

表格定义时可以指定相关的属性，如下：

1. border：用于定义表格的边框，单位是像素，数字类型

2. width：用于定义表格的宽度

3. height：用于定义表格的高度，一般不会使用

4. cellpadding：定义单元格中内容与单元格的边线之间的距离（内边距）

5. cellspacing：定义单元格的边线与单元格边线之间的距离（外边距）

6. align：定义表格的对齐方式，有以下几个值： 1）left：表格左对齐，默认值 2）right：表格右对齐 3）center：表格居中对齐

表单标签用于收集用户信息，或与用户进行交互时所需要使用到的一个元素。

定义表单标签需要使用 form 来定义，它有以下几个属性：
1. name：给表单取一个名称，该名称需要唯一，方便调用。一般不会使用它（了解）
2. action：表单提交的地址（重要）
3. method：表单提交的方式（重要），通常有以下两个值：
1）get：以 get 方式提交表单，表单提交的内容会在浏览器地址栏中显示，这种方式提交的数据不能超过 4k 大小。
2）post：以 post 方式提交表单，表单的数据不会显示在浏览器地址栏中，而是存在请求头中。理论上没有提交大小的限制。
4. enctype：指定表单提交的类型，有两个值：
1）multipart/form-data：以二进制的方式进行提交，如上传文件时它的值必须改为这个值
2）application/x-www-form-urlencoded：以文本类型进行提交，默认的类型

form标签中有很多的元素，最常用之一就是 input
input 标签，它有以下几个属性：
1）type：用于指定 input 的类型，值很多，如:text、radio、checkbox、....（重要）
a）text：文本

b）submit：提交按钮，点击后表单就会提交到 action 属性指定的地址去。

c）radio：单选框

d）checkbox：多选框

e）password：密码框

2）name：指定这个的名称，用于接收方的数据获取。

3）size：用于定义输入框的长度，一般不用。

4）placeholder：用于指定默认的提示信息。

5）value：表示input的值

radio类型的单选框，可以使用 checked 属性来指定是否默认被选中。

下拉选择框，需要使用 select 标签来实现，它有一个 name 属性来获取被选择的值

一个 select 标签对应多个 option 子标签，每一个 option 子标签就是一个选项。

option 标签有一个 value 属性，用于指定这个选择的值。

还可以使用 size 属性来让下拉选择框显示的值的个数。默认是1。

可以实现多个值被选择的下拉选择框。但需要增加 multiple 属性。

文本输入域需要使用 textarea 标签

textarea 属性介绍： 1. name：用于获取文本输入域的值
2. rows: 指定文本输入域的高度，也就是显示的行数
3. cols：指定文本输入域的宽度，也就是一行可以显示的字数