好长时间不写文章了，最近用Django框架写了网页，感觉对前端比较有兴趣，过程中也发现了很多问题，对HTML总结下，也当是一个加强
1.含义
HTML就是超文本标记语言，说直白的他就是一个整合器的功能，把文字，表格，链接，图片，动画，声音等散乱的资源，整合成一个有序，美观的界面
2.结构
结构，其实核心就是一个html标签而已，只是在html标签的里面，又分为了两部分构成，head和body标签，head标签是用来放样式的，body是用来放文本的，在html标签的外面，一般是放在上面，就是一个申明html的东西
doctype的含义就是文档类型
总共就这这么简单
3.按钮
按钮就是点击一下，弹起来的东西，这玩意儿分两种，明的按钮和暗的按钮，明的按钮是说能一眼看出来的按钮，暗的按钮是说，你看不出来，但是一点就会弹出来，
明的按钮--------onclick属性
<div onclick="alert('我是点击张三')">张三</div>
暗的按钮--------button标签来实现
<button onclick="alert('我是点击李四')">李四</button>
其实，我们发现，两个按钮核心其实都是一致的，要实现点击后弹窗的效果，必须都要借助于onclick属性，只是说，界面上，我们如果想出现按钮的标准模样，那么久需要借助button标签，不想出现的话，其他标签随便
4.文字修改
font这个标签就是专门用来修改文字的
文字无非就三个能修改的东西：
文字的颜色---------color
文字的大小---------size（1-7）
文字的字体--------face（仿宋）
5.页面辅助工具
背景色--------bgcolor
这个要注意一点：
bgcolor 是标签body的属性，比如p标签用bgcolor就没有作用，它需要用css，
才可以设置背景颜色
换行符--------br
<br/>
分割线------hr
就是一条长长的横线，把页面分为了两部分
<hr/>
大于和小于--------gt 和lt
注意后面要带分号！！！
<>
空格------nbsp
 
我 最棒啦
6.标题标签
标题标签一般和align搭配比较多，align是为了整合文字朝向的，有三种方向，left，right，center
7.超链接跳转
超链接都是通过a标签搭配href来实现的
<a href="https://www.baidu.com/">百度一下，你就知道</a>
我们经常会看到，点击的时候，跳转会出现两种情况，
第一种是就在本页面跳转，这个可以说是覆盖了本页面
第二种是另外起页面跳转
这个效果实现是通过target来实现的
第一种情况，不管他，什么都不修改
第二种情况，添加target="_blank"属性
<a href="https://www.baidu.com/" target="_blank">百度</a>
8.添加图片
图片就是img配合src实现的，src代表的是本地的绝对或者相对路径
img标签，无非就三个属性：
图片的样子------src
图片的宽度------width
图片的高度------height
9.在页面画表格
table标签能在页面显示出表格
做一个表格，我们可以先把它的行与列给做出来 用到的标签是tr和td 其中tr代表行，td代表列。写行时先写tr，在tr的范围内把td写出来，则写出了一行中每一列的内容。
tr和td要配合table来使用，否则，他们单独存在会毫无意义
在上面的例子中，我们发现一个重要的东西，表格没有边框，这肯定是不完美的，那么我们来给它设置边框
边框------border
<table border="1">
我们觉得表格之间挤在一起，很丑，我们要让边框间距变大点
边框间距-------conspacing
<table border="3" conspacing="10">
有很多人说，我不想让我的表格这么呆板，我想让表格出现在指定的地方，那么就可以用到前面的align属性
表格朝向------------align
<table border="3" align="center" conspacing="10">
表格有个重要的功能必须涉及到就是合并单元格
合并行-------------rowspan
合并列-------------conspan
这里需要注意，conspan和rowspan都是用在元素上的，往往在td处标明
11.排序
页面排版，肯定会涉及到一个重要的东西，就是排序，比如日常的一是什么，二是什么，或者我们没有编号，只是单纯的进行格式上的排序，这就会用到ol和ul了，搭配li
有序（有顺序标识）--------------ol
无序（没有顺序标识）--------------ul
其实两个都差不多用法，ol默认是数字，如果要改成字母，加上type=“a”
ul默认是圆点，如果要取消圆点，加上type=“none”
12.页面上挖小窗口
页面小窗口-----------iframe
iframe首先是一个独立的页面，自成一体，他是由完整的HTML组成的，他的标签里面不能写任何的东西，只能由src链接的的HTML来改变，所以要看iframe里面的东西，只需要看src就行了
iframe有一个重要的功能，就是客户通过点击外部的链接，可以改变里面显示的内容，这个实现的手段，就是通过给iframe一个name属性，那么外部链接的a标签，也有一个target属性，他的属性值和name是一样的，target和name在这里是成对出现的。
13.表单的制作
<!DOCTYPE html>
<html="ZH_CN">
<head>
<meta charset="UTF-8">
<title>用户填表</title>
</head>
<body>
<!-- 表单提交数据没有发给服务器：1.表单没有name属性值需要给每个表单加上name-->
<!-- 2.on和off相对，默认情况下选了就是on，单选复选括弧下来二标总的option标签都需要添加value属性一遍发送给服务器 -->
<!-- 3.表单项不在form中 -->
<form action="http://www.baidu.com"method="get">
<input type="hidden" name="action vallue="login">
<h1 align="center">用户注册</h1>
<table align="center" border="1" conspacing="10">
<tr>
<td>用户名称：</td>
<td><input type="text" name="username"value="请输入用户名称"/></td>
</tr>
<tr>
<td>密码：</td>
<td><input type="password"name="password" value="请输入密码"></td>
</tr>
<tr>
<td>确认密码：</td>
<td><input type="password" value="请确认密码"></td>
</tr>
<tr>
<td>性别：<input type="radio" name="sex" checked="checked"value="boy">男<input type="radio" name="sex" value="girl">女</td>
</tr>
<tr>
<td>爱好：<input type="checkbox"name="hobby" value="java">java<input type="checkbox"value="javascript">javascript<input type="checkbox"value="c++">c++</td>
</tr>
<tr>
<td>国籍：<select name="country" >
<option value="none">--请选择国籍--</option>
<option value="China">--中国--</option>
</select></td>
<tr>
<td>自我评价：</td>
<td><textarea name="myself" rows="10" cols="20">请对自身客观评价</textarea>
<tr>
<td><input type="reset" value="重置"></td>
<td><input type="submit" value="提交" ></td>
</tr>
</table>
</form>
</body>
</html>
13.1.页面布局怎么约束？
以前我一直觉得form标签没用处，确实从感官来说，确实没啥大的用处，但是有他的原因，我看来其实是把需要的布局放在这个标签里面，到最后，提交的时候，能把数据统一管理，布局上也好统一管控
比如上述的代码布局：
<from action="http://www.baidu.com"method="get">
<h1 align='center'>用户注册</h1>
<table>
<tr>
<td></td>
<td></td>
</tr>
</table>
</form>
从中可以总结出来几点：
（1）一般左右对称的布局，都是采用了table标签，table标签在布局方面是很有效的，尤其是对比较多，乱的待布局项
（2）统一对齐的话，都是采用了align属性来保持一致
（3）form标签最核心的功能是action属性和method方法，主要是方便提交了
统一管理提交数据
13.2.输入密码在输入框中，怎么变成黑点的加密形式？
input标签的type属性为password
<input type='password'>
13.3.性别的两个复选框是怎么实现的？
input标签的type类型为radio，男为单独的一个标签，女为单独的一个标签
如果要默认选中的话，checked属性为checked，一定要注意男女的标签的name属性一定要一致，避免出现男女都能选的情况
radio的作用是单选。而这里使用name是要把男和女分为一组，由于是单选，所以二选一，就不会出现又男又女的情况了
<td>性别：<input type="radio" name="sex" checked="checked"value="boy">男<input type="radio" name="sex" value="girl">女</td>
13.4.爱好的方形复选框怎么实现的？
input标签的type类型为checkbox
checkbox的作用是多选
<td>爱好：<input type="checkbox"name="hobby" value="java">java<input type="checkbox"value="javascript">javascript<input type="checkbox"value="c++">c++</td>
13.5.国籍下拉菜单怎么实现的？
使用了select标签，具体选项用option标签实现
<tr>
<td>国籍：<select name="country" >
<option value="none">--请选择国籍--</option>
<option value="China">--中国--</option>
</select></td>
<tr>
13.6.怎么把重置和提交按钮放入对应的文本域中？
其实这也是借助上面的tr,td标签来实现的，也就是借助table来实现的
<td><input type="reset" value="重置"></td>
<td><input type="submit" value="提交" ></td>
13.7文本域怎么实现控制长宽？
多行文字输入框textarea
<textarea rows="10" cols="20">请对自身客观评价</textarea>
13.8表单的提交过程怎么实现的？
form标签的action就是外网地址，method就是请求方法，这两个是固定的，还有个重要的点是，必须要有name—value这样的搭配在，否则提交会失败
除了select这种特殊标签，才是name在select，value在option，其他都是同一标签中name和value同时存在
提交选中后，他是根据form标签中的action的url，method的请求方式，来发送name–value对应的参数对的
<form action="http://www.baidu.com"method="get">
14.其他标签
1063
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
