1.html概述：
html：超文本标识语言--->标签语言，用来制作超文本文档(网页)的简单标记语言，最终的产出物--->网页或者网站(静态)。利用html技术编写的网页文件，被称为html文件，或者web文件，后缀一般是XXX.html 或者 XXX.htm
2.html文件的组织架构
概述：可以理解为生成一个网页，所需要的基本框架
<html> ----->代表着要生成的是一个html文件(网页文件)
<head> ----->头部标签，代表着页面头部内容的声明
<title>生成页面的题目(标题)</title> ---->标题(题目)标签
</head>
<body> ---->主体标签
页面中的内容
</body>
<html>
html标签，通常是由尖括号包裹起来的关键词，大部分都是成对出现的
例：<html></html> <head></head>
3.生成第一个html文件
3.1操作一：利用系统自带的文本编辑，生成html文件 （尝试2）
在文本中利用框架编写完成后，把文件的后缀改成.html或者.htm
3.2操作二：利用工具--->HBuilder
3.3一个网页或者网站在进行访问或者使用时，依托体：浏览器
3.4html元素：指的是从某一个开始标签，到它结束标签之间所包含的内容
空的html元素，指的就是单个出现的标签
例：<br> 换行标签 <hr> 水平线
3.5html属性：修饰html标签，给标签添加一些附加的操作
格式：<开始标签 属性名="属性值" ></结束标签>
3.5.1背景图片属性 background
3.5.2背景色 bgcolor
背景色除了传递颜色单词之外，还可以用RGB颜色表示法:#字母和数字组合(十六进制)
例：bgcolor="red" 或者 bgcolor="#ff00ff" #六位或者三位字母数字组合
3.6能够改变字体样式的标签
<b></b> 加粗标签
<big></big> 大号字标签
<small></small> 小号字标签
<em></em> 着重文字标签
<i></i> 斜体标签
<del></del> 文字中划线表示删除
<ins></ins> 文字下划线表示插入
<sub></sub> 下标
<sup></sup> 上标
<font></font> 改变字体的样式，需要借助于属性
color="设置字体的颜色" size="设置字体的大小" 单位px，像素大小单 水的分子式是:H<sub>2</sub>O <br><br>
3<sup>2</sup>=9 <br><br>
<font color="pink" size="35px">我是被font标签修饰的文字</font>
3.7标题标签 <h1>----<h6> 例：新闻标题
特征：具备加粗效果；数字越大，修饰的字体越小；自动换行
3.8段落标签 <p></p>
概述：一对p标签，看成是一个段落，不管该段落中有多少内容。
每个段落结束后，也都会自动换行；行间距存在
align="位置属性，设置文字或者图片等出现的位置"
3.9超链接标签 <a></a>
概述：实现页面之间的跳转
格式：<a href="指定要跳转到的页面信息">文字或者图片</a>
<a href="字体样式.html">点击我能够跳转</a> <br><br>
<a href="http:\\www.baidu.com">点击我能够跳转到百度</a>
3.10图片标签
格式：<img src="图片位置信息" />
alt="设置图片提示"，当图片加载不出来时
width="设置图片的宽度"
height="设置图片的高度"
3.11视频音频标签
格式：<embed src="视频音频文件位置信息"></embed>
3.12html注释
<!--注释的内容-->
3.13表格标签
<table border="边框属性"> ----->表格标签
<caption>表格标题</caption>
<tr> ------->行
<td>表格内容</td> ---->列
<td></td>
</tr>
</table>
<th>表格内容</th> ----->特殊列标签--->加粗，居中效果
<!--4行4列表格-->
<table border="1px" bordercolor="red" width="600px" height="200px" align="center">
<caption>学生信息表</caption>
<tr>
<td>学号</td>
<td>姓名</td>
<td>年龄</td>
</tr>
<tr bgcolor="pink">
<td>101</td>
<td>张三</td>
<td>18</td>
</tr>
<tr>
<td align="center">102</td>
<td>李四</td>
<td>19</td>
</tr>
<tr>
<th>103</th>
<th>王五</th>
<th>20</th>
</tr>
</table>
二.表单控件的掌握
1.表单概述：在页面中用于搜集不同类型的用户输入(文本框，密码框，单选多选，下拉列表等等)，最典型代表：注册页面，问卷调查页面等。
对于表单来说,它是一个大范围描述,在表单中包含了各种各样的控件元素组成
2.表单标签
<form>
包含了各种表单区域能够出现的控件元素
</form>
3.表单中的控件
<form>
<input type="控件类型" />
</form>
3.1文本框 type="text" 例：用户名，昵称输入框等
type属性：指定输入框的类型
name属性：给当前输入框绑定一个名字，用来关联输入框中的数据
value属性：反射用户选择的值 value="映射选项中的值"
size属性：调整输入框的大小
maxlength属性：限制输入框最大字符个数的输入
3.2密码框 type="password"
3.3单选按钮 type="radio"
如果想要达到单选的操作，需要借助于name属性，让多个单选值的name名字保持一致即可
3.4多选按钮 type="checkbox"
不管是单选，还是多选，默认的属性设置：checked="checked"
type="number" 输入数字的输入框
和number输入框类型相关的属性：
max="输入框最大值" min="输入框最小值"
step="设置间隔数字" value="默认值"
<form>
请输入用户名：<input type="text" name="wenben" size="35px" maxlength="15"/> <br><br>
请输入密码：<input type="password" name="pwd" size="38px" maxlength="10"/> <br><br>
请选择您的性别：
<input type="radio" name="sex" value="boy" checked="checked"/>男
<input type="radio" name="sex" value="girl"/>女 <br><br>
请选择您的爱好：
<input type="checkbox" name="ck01" value="ymq" checked="checked"/>羽毛球
<input type="checkbox" name="ck02" value="lq" checked="checked"/>篮球
<input type="checkbox" name="ck03" value="sj"/>睡觉
<input type="checkbox" name="ck04" value="yy"/>游泳 <br><br>
请输入您的年龄：<input type="number" max="50" min="10" step="5" value="20"/>
</form>
表单中下拉列表的应用
<form action="指定表单中数据提交位置信息"（一般是网址路径） method="提交的方法get/post"> ps：get
会把数据提交到action属性指定页面的url地址栏中，post会把数据提交到web服务器
<select>
<option>值1<option>
<option>值2<option>
</select>
</form>
下拉列表提供默认选项selected="selected"
文本域
<textarea cols(表示列) rows(表示行)></textarea>
普通按钮控件type="button"
重置按钮控件type="reset"
提交按钮控件type="submit"
<input type="button" name="but" values="普通按钮">
235
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
