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标签