尚硅谷-JavaWeb Day1 HTML
一. HTML文件书写规范
<!DOCTYPE html><!--声明，约束--> <html><!--html标签表示html的开始， html标签中一般分为head和body--> <head><!--表示头部信息，一般包含三部分内容，title标签，css样式和js代码--> <title>标题</title> </head> <body> 页面主体内容 </body> </html><!--html标签表示html的结束-->
二. HTML标签介绍
a. 标签名大小写不敏感
b. 标签拥有自己的属性
基本属性：bgcolor="red"等
事件属性：onclick="alert('xxxx');"
c. 标签分为单标签和双标签
单标签格式：<标签名/>
双标签格式：<标签名>...数据内容...</标签名>
三. 常用标签
1. <font>：字体标签，包含颜色，字体，大小三种属性；
2. 常用的特殊字符：<（<），>（>），空格（ ）；
3. 标题标签：<h1>~<h6>（h1最大 ，alien：属性是对齐，默认左对齐）；
4. 超链接：<a>标签是超链接，href 属性是连接地址；
target 是哪个目标进行跳转（_self 表示当前页面，默认；_blank表示打开新界面）
5. 列表标签：有序<ol>和无序列表<ul>，ul的type属性可以设置列表前面的符号
6. <img>标签：显示图片，src 属性可以设置图片的路径，分为相对和绝对路径；
width 宽度，height 高度；boader 边框；alt 用来设置当指定路径找不到时，代替图片的文本内容；
相对路径：. 当前文件所在的路径；.. 当前文件所在的上一级目录；
文件名 表示当前文件所在目录的文件，相当于 ./文件名，./ 可以省略；
绝对路径：http://ip:port/工程名/资源路径；
7. <table>表格标签，边框、长、宽、对齐方式都和上方一样，cellspacing 属性设置单元格边距；
8. <tr>行标签，<th>表头标签，<td>单元格标签，<b>加粗标签，
9. 跨行跨列：colspan 属性设置表格内跨列，要删除多余的列；rowspan 属性设置表格内跨行，删除多余行；
10. <iframe> 可以再一个html页面上打开一个小窗口，单独加载一个页面小区域；
<iframe> 和 <a> 组合使用的步骤：在一个小区域内，刷新不同的界面
① 在<iframe>标签中使用name属性定义一个名称；
② 在<a>标签的target属性上设置iframe的name属性值；
11. 表单标签：表单（html页面中，用来手机用户信息的所有元素集合，然后把这些信息发送给服务器）
<form>标签就是表单，action 属性设置提交的服务器地址，method 属性设置提交的方式（默认get）；
提交：表达提交的时候，数据没有发送给服务器的三种情况：
1、表单项没有name属性，就不发送；
2、单选、复选（下拉列表的option标签）都需要添加value属性，发送时才可以区分选择的哪一项；
3、表单项不在提交的 form 标签中；
4、Get特点：① 浏览器地址栏中是 url?name=value&name=value ② 不安全 ③ 有数据长度的限制100字符；
Post特点：① 浏览器中只有action属性值 ② 相对于get较安全 ③ 理论上没有数据长度限制；
12. 表单中常用的标签和属性：
<input type=text> 文本输入框 value 设置默认显示内容
<input type=password> 密码输入框 value 设置默认显示内容
<input type=radio> 单选框 name 属性可以对其分组，只能选其一 checked=checked表示默认选中
<input type=checkbox> 复选框 checked=checked表示默认选中
<input type=reset> 重置按钮 value 属性设置按钮上的文本
<input type=submit> 提交按钮 value 属性设置按钮上的文本
<input type=button> 按钮 value 属性设置按钮上的文本
<input type=file> 文件上传域
<input type=hidden> 隐藏域 发送某些信息，而不让用户看到，可以使用（提交的时候同时发送给服务器）
<select> 标签 下拉列表框 <option> 可以设置选项 selected=selected表示默认选中
<textarea> 标签 多行文本输入框（默认显示内容是两标签中间的文字）
rows 属性设置显示几行高度 cols 属性设置显示几个字符的宽度
表单格式化：一般可以用两个<td>来使文本和框对其，<td>文本名</td> <td><input type=file></td> 即可；
四. 其他标签
<div> 标签默认独占一行，
<span> 标签，长度时封装数据的长度，
<p> 段落标签，默认会在段落的上方或下方各空出一行（已有不再空）
浙公网安备 33010602011771号