html基本标签，标签也叫标记就是命令
格式：
单标签：<标签名> 或 <标签名 />
双标签：<标签名></标签名>
2.1 结构标签(文件标签)
<html><html>:根标签
<head>
<title></title>:页面的标题
</head>
<body></body>：内容
属性：
text:文本的颜色
bgcolor:背景色
background:背景图片
颜色的表示方式：
第一种方式：red green blue
第二种方式：#000000 #ffffff #325687 #377405
2.2 排版标签
a.注释标签：<!--注释-->
b.换行标签：<br/>
c.段落标签：<p>文本文字</p>
特点：段与段之间有空行
属性：align对齐方式(left、center、right)
d.水平线标签:<hr/>
属性:
width：水平线的长度(两种:第一种:像素表示；第二种，百分比表示) size: 水平线的粗细 (像素表示，例如：10px)
color:水平线的颜色
align:水平线的对齐方式
2.3 块标签
<div></div>:行级块标签，独占一行，换行
<span></span>:行内块标签，所有内容都在同一行
作用：
<div></div>:主要是结合css页面分块布局
<span></span>:进行友好提示信息
2.4 文字标签(标题标签)
2.4.1 基本文字标签
<font></font>
属性：
size:设置字体大小
color:设置蚊子颜色
face:设置字体
2.4.2 标题标签
<h1></h1>—-<h6></h6>：随着数字增大文字逐渐变小，字体是加粗的，内置字号，默认占据一行；
2.5 列表标签(清单标签)
2.5.1 无序列表ul
标签：<ul></ul>
属性：type :三个值，分别为circle(空心圆) ,disc(默认,实心圆),square(黑色方块)
列表项：<li></li>
2.5.2 有序列表ol
标签：<ol></ol>
属性：type：1、A、a、I、i（数字、字母、罗马数字）
列表项：<li></li>
2.5.3 列表嵌套
2.6 图形标签
<img/>自关闭标签
属性:
src：图形地址
width:宽度
height:高度
border:边框
align:对齐方式，代表图片与相邻的文本的相当位置（有三个属性值：top middle bottom）
alt:图片的文字说明
hspace 和 vspace 设定图片边沿上下左右空白，以免文字或其它图片过于贴近
2.7 链接标签
<a></a>
属性：
href:跳转页面的地址(跳转到外网需要添加协议)；
name:名称，锚点(回到锚点: 顶部，底部，中间)，在访问锚点的书写格式:#name的值
target:_self(自己) _blank(新页面，之前页面存在) 默认_self
2.8 表格标签
2.8.1 普通表格(table,tr,td)
2.8.2 表格的表头(th)
2.8.3 表格的列合并(colspan)
2.8.4 表格的行合并(rowspan)
2.9 文本格式化标签
<b> 定义粗体文本。
<big> 定义大号字。
<em> 定义着重文字。
<i> 定义斜体字。
<small> 定义小号字。
<strong> 定义加重语气。
<sub> 定义下标字。
<sup> 定义上标字。
<ins> 定义插入字。
<del> 定义删除字。
复制代码HTML:超文本标记语言 文件：以html/htm结尾 HTML网页，静态页面，例：用户名：张三 标签：又叫标记； 根据格式划分为： 单标记：<标签名>或 <标签名 /> 双标记：<标签名></标签名>
网页基本结构：
<!DOCTYPE html>
<html>网页标签
<head>网页头部
<title>网页标题</title>
</head>
<body>网页正文标签
正文
</body>
</html>
开发工具：DreamWeaver
地址：
相对路径：从当前页面出发，向上/向下一级目录去加载资源；
向上目录：../
例：网页所在的位置 page/1.html，加载图片 pic/1.jpg，page和pic同一级目录
在页面中加载图片的路径：../pic/1.jpg
向下目录：/目录名
例：网页所在的位置 page/1.html，加载图片 pic/1.jpg，pic也在page里
在页面中加载图片的路径：pic/1.jpg
绝对路径：一个文件的真实存放位置；
例：d:/1806/二阶段/day06/pic/1.jpg
颜色：
rgb表示颜色:Red Greeen Blue
十：0-255分别表示红、蓝、绿颜色的大小
十六：00-FF
123456不能明确表示红、蓝、绿各自的值大小，所以需要转换为十六进制；
123 45 6 --》#7B2D06
表格标签：<table></table>
宽：width
高：height
边框：border
内外框间距：cellspacing
对齐方式：align(left左right右center中justify两端对齐)
在表格中统一设置列的宽度：当多个相邻的列设置相同的宽度时，用span属性
<colgroup>
<col width="80"><!--1列-->
<col width="120"><!--2列-->
<col width="170" span="4"><!--3456列-->
<col width="120"><!--7列-->
</colgroup>
行标签;<tr></tr>
列标签：<td></td>
内容水平居中：align="center"
跨行合并：rowspan="合并的单元格个数"
跨列合并：colspan="合并的单元格个数"
表格嵌套：表格里定义表格；
文字标签：<font></font>
颜色：color
字体大小：size
样式：face
实体字符：以&开始，以;结束
例：空格:
小于号：<
图片标签：<img />
图片地址：src
宽：width
高：height
表单标签：用于收集客户信息
表单标签：<form></form>
表单提交地址：action
表单提交方式：method="get/post"
get提交：将用户的表单信息以参数的形式拼接到地址栏中；限制参数的大小在2KB；
post提交：不会以参数形式将表单信息显示在地址栏中；理论上没有限制；
文本框：<input type="text">
文本框的提示属性：placeholder
密码框：<input type="password">
提交按钮：<input type="submit">
重置按钮：<input type="reset">
上传：<input type="file">
单选：<input type="radio"> 同一组单选按钮必须以相同的name值定义
多选：<input type="checkbox">
注：单选、多选定义name和value属性；name是参数名；value是参数值；
图片提交按钮：<input type="image">
注：与接交按钮功能相同；还可以引入一个图片；
隐藏域：<input type="hidden">
下拉框：
<select name="">
<option value="">页面显示的字</option>下拉项
</select>
注：下接框添加multiple，将单选下拉框变多选下拉框；
多行文本框：<textarea cols="列宽" rows="行高"></textarea>
练习：结合表格进行页面布局，将表单引入到页面定义注册页面；
<form action="">
<table>
<tr>
<td>用户名：</td>
<td><input type="text" name=""></td>
</tr>
<tr>
<td>密码：</td>
<td><input type="text" name=""></td>
</tr>
</table>
</form>
昵称、真实性名、密码、性别、生日、照片、个人信息说明
页面regist.html
提交到java,封装对象
调用StudentDaoImpl-->BaseDao-->入库
复制代码CSS：层叠样式表 作用：统一页面风格；方便修改页面样式；
引入样式表：
在html页面的<head>标签里添加：
<link type="text/css" rel="stylesheet" href="css文件的地址" />
选择器：标签、class、id
标签选择器：/*根据标签名称设置页面中所有段落标签*/
p{
text-align:center;
background-color:#6CF;
}
类选择器：/*根据class属性值设置标签的属性*/
.p1{
color:#F0F;
}
id选择器：/*根据id属性值设置标签的属性*/
#p2{
font-size:500px;
}
注：整个页面中id值不允许重复；
复制代码
2603
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
