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 class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="1.jpg" title="百度" height="300" width="400" alt="百度">
1) class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="" 引号中间接图片的地址
2) title="" 引号中写图片的标题，鼠标放上去就会显示
3) alt="" 当图片找不到时，就会显示引号中的文字
4) height和width分别为图片的高度和宽度
5) 设置图片超链接的方法：<a href="www.baidu.com"><img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original=""></a>
5、input输入框标签（1个）
用于收集用户信息，例如：
<input type="text" value="username">
1) type的种类有以下几种：
》》》text 文本 》》》submi 提交
》》》image 图片形式（认为文字） 》》》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标签
共同学习，写下你的评论
评论加载中...
作者其他优质文章
