HTML学习总结

一、常用标签

  自己常用标签有html、title、head、body、div、h、p、a、img、input、table、br、ul、dl、ol

1、html、title、head、body标签(4个)

<!DOCTYPE html>

<html>

<head>

  <title></title>

</head>

<body>


</body>

</html>

2、div、h、p标签(3个)

1) h标签是标题标签,h1为最大的标题标签,h6位最小的标签;

2) p标签是段落标签,一个<p> </p>中的内容表示一个段落,内容不一定是文字;

3) 用于排版最大的段落标签,主要用于排版。

3、a标签(1个)

 a标签用于定义超文本标记符号,主要功能有一下两个:

  》》》跳转

  》》》瞄 如:href="#某个标签的id",直接跳转到下一个标签位置

4、img标签(1个)

  img标签的作用是加入对应的图片。例如:

  <img src="1.jpg" title="百度" height="300" width="400" alt="百度">

1) src="" 引号中间接图片的地址

2) title="" 引号中写图片的标题,鼠标放上去就会显示

3) alt="" 当图片找不到时,就会显示引号中的文字

4) height和width分别为图片的高度和宽度

5) 设置图片超链接的方法:<a href="www.baidu.com"><img src=""></a>

5、input输入框标签(1个)

 用于收集用户信息,例如:

 <input type="text" value="username">

1) type的种类有以下几种:

  》》》text  文本                      》》》submi  提交

  》》》p_w_picpath  图片形式(认为文字)           》》》radio  单选框

  》》》checkbox  复选框(设置默认值:checked="123") 

 》》》password  密码 

2) name、value属性

  以上所有type种类中大部分可以添加value和name属性。

  》》》name:方便后台提取数据,不在浏览器中显示;

  》》》value:默认显示的值

6、table标签(1个)

  table标签是为了打出表格,例如:

  <table>

      <tr>

        <th>姓名</th>

        <th>出生日期</th>

        <th>年龄</th>

      </tr>

      <tr>

        <td>张三</td>

        <td>19800101</td>

        <td>35</td>

      </tr>

  </table>

  》》》一个table代表一个表格

  》》》一个tr表示一行

  》》》一个td表示一个格子里面的内容

  》》》合并一行中两个表格方法:

  》》》合并一列中两个表格的方法

7、br标签(1个)

  br标签是换行标签,可以写在很多地方。

8、ul标签

9、dl标签

10、ol标签