实体符:
>
>
<
<
空格
自动换行:
块元素:
1、有宽度(默认宽度是其【父元素】的100%)
2、没有高度、依据内容的高来撑开(默认)
3、支持宽高调整
div
ul li
h1-h6
p
br
hr
…
不能自动换行:
1、没有宽度、依据内容的宽度撑开
2、具备默认高度
3、不支持宽度、高度的调整
内联元素、行内:
b s i u font …
内联块:
1、支持宽度、高度的调整
2、横向排列
img
超链接:
<a href=""></a>
表现形式:
1、<a href="url" target="_blank"></a>
点击a标签用新窗口打开
2、<a href="mailto:邮箱地址" target="_blank"></a>
点击a标签跳转至本地邮箱App并把地址自动拼接在收件人处
3、<a href="javascript:js代码段" target="_blank"></a>
点击a标签实现js代码段
4、锚点链接
定义锚点:
<a name=""></a>
<a id=""></a>
捕获锚点:
<a href="#锚点名"></a>
列表:
表格:
<table border>
<thead>
<tr>
<th>11</th>
<th>11</th>
<th>11</th>
</tr>
</thead>
<tbody>
<tr><td>111</td></tr>
<tr><td>111</td></tr>
<tr><td>111</td></tr>
</tbody>
<tfooter>
<tr></tr>
</tfooter>
</table>
broder:边框
width: 设置宽度
height:设置高度
align: 设置文本对齐方式
cellspacing:内间距(单元格与单元格之间的间隙)
cellpadding:内边距(单元格与其内容之间的距离)
bgcolor:背景颜色
background:背景图片
bordercolor:边框颜色
…
表单:
存储客户端的数据信息、发送服务器与之交互
<form action="url提交地址xxx.py jsp php" method="提交方式post|get">
</form>
POST:
1、安全 表单数据 存储 request header 中
2、数据存储量理论上无限制(8M) ,
3、支持其他文件流传输 img zip 。。。
http://127.0.0.1:8848/html%2Bcss/day02/xxx.jsp
get:
1、不安全 提交数据会将数据以【?号传值 | url传参】的方式在地址栏进行附着
2、128Kb 数据量 文本信息(提交数据量较小)
3、纯文本流
http://127.0.0.1:8848/html%2Bcss/day02/xxx.jsp?userName=dfgfdgfdg&password=dfgdfgdfg
跨页面传参(模拟get表单提交)
<a href="XXX.JSP?ID=1&keyword=xxxx"></a>
表单元素、表单控件
文本框:<input type="text">
密码框:<input type="password">