文章目录
综述
html标签表示html的开始，lang="zh_CN"表示中文
html标签中一般分为两部分，分别是：head，body
<!DOCTYPE html>代表约束，声明
<!DOCTYPE html>
<html lang="zh_CN">
<head>
<meta charset="UTF-8">
<title>标题</title>
</head>
<body>
主体内容
</body>
</html>
标签详解
body标签是整个html页面的主体内容
标签拥有自己的属性：
i、基本属性（bgcolor：背景颜色）
ii、事件属性
<br/> 换行
<hr/> 水平线
常用的特殊字符：
< => <
> => >
空格 =>
字体标签：font
字体标签，可以修改字体的颜色，字体，字号
<font color="blue" face="宋体" size="7">我是字体标签</font>
标题标签： h1——h6
标签中有属性，align="right"右对齐,align="center"居中,align="left"左对齐
<h1 align="left">标题</h1>
<h2 align="right">标题</h2>
<h3 align="center">标题</h3>
超链接：a
当前窗口打开
<a href="http://www.baidu.com" target="_self">百度</a>
新窗口打开
<a href="http://www.baidu.com" target="_blank">百度</a>
列表标签：ul（无序）、ol（有序）
ul：无序列表
ol：有序列表
<ul>
<li>赵四</li>
<li>刘能</li>
<li>宋小宝</li>
<li>小沈阳</li>
</ul>
<ol>
<li>赵四</li>
<li>刘能</li>
<li>宋小宝</li>
<li>小沈阳</li>
</ol>
图片标签：img
src属性设置图片路径
alt属性设置当指定路径找不到图片时，用来代替显示的文本内容
<img src="11.jpg" width="500" height="500" alt="美女找不到"/>
web中分为相对路径，绝对路径
相对路径：
. 表示当前文件所在目录
. .表示当前文件的上一级目录
文件名 表示当前文件所在目录的文件，相当于./文件名
绝对路径：
格式： http://ip:port/工程名/资源路径
表格标签：table
规整的表格标签
table标签是是表格标签（border设置表格边框）
tr 是单元格标签
th 是表头标签
td 是单元格标签（align设置单元格文本对齐方式）
b 是加粗标签
cellspacing 设置单元格间距
<table border="1" width="300" height="300">
<tr>
<th>1</th>
<th>1</th>
<th>1</th>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
</table>
跨行跨列的表格标签
使用rowspan，colspan属性，进行跨行跨列操作
<table border="1" width="300" height="300" cellspacing="0">
<tr>
<td colspan="2">1.1</td>
<td>1.3</td>
</tr>
<tr>
<td rowspan="3">2.1</td>
<td>2.2</td>
<td>2.3</td>
</tr>
<tr>
<td>3.2</td>
<td>3.3</td>
</tr>
</table>
内嵌窗口标签：iframe
开辟小区域显示单独页面
iframe与a标签组合使用步骤：
1、iframe标签中使用name属性定义一个名称
2、a标签的target属性上设置iframe的name属性值
<iframe src="表格标签.html" name="abc" width="500" height="400"></iframe>
<ul>
<li><a href="img.html" target="abc">img.html</a> </li>
<li><a href="表格标签.html" target="abc">表格标签.html</a> </li>
</ul>
表单标签(收集用户信息提交服务器)：form
表单提交的时候，没有提交给服务器的几种情况：
- 没有name属性
- 单选，复选，下拉列表中都需要添加value属性，以便发送给服务器
- 表单项不在form标签里面
GET和POST有什么不同：
GET：
- 浏览器地址栏中的地址是：URL？name=value&name=value
- 不安全（如1所述，value值全都写出来了）
- 如果表单包含ascii字符超过100字符，必须使用method=“POST”
POST:
- 浏览器地址栏中的地址中只有action属性值
- 相对安全
- 理论上没有字符上限
form使用注意
- 要使表单变得规整，可以配合表格使用
- action属性设置提交的服务器地址
- method属性设置提交的方式GET(默认)或者POST
常用form里面的标签
input type=“text” 文本输入框
input type=“password” 密码输入框
input type=“radio” 单选框，checked="checked"表示默认选中
input type=“checkbox” 复选框，checked="checked"表示默认选中
input type=“reset” 重置按钮，value属性可以修改按钮上的文本
input type=“submit” 提交按钮，value属性可以修改按钮上的文本
input type=“button” 按钮，value属性可以修改按钮上的文本
input type=“hidden” 隐藏域，当我们要发送某些信息，不需要用户参与
input type=“file” 文件上传域
select标签是下拉列表框
option标签是下拉列表框中的选项，selected="selected"表示默认选中
textarea 多行文本输入框
<form action="http://www.baidu.com" method="get">
<input type="hidden" name="action" value="login"/>
<h1 align="center">用户注册</h1>
<table align="center">
<tr>
<td>用户名称：</td>
<td><input type="text" name="username" value="默认值"/></td>
</tr>
<tr>
<td>用户密码：</td>
<td><input type="password" name="passwrod" value="abc"/></td>
</tr>
<tr>
<td>性别：</td>
<td><input type="radio" name="sex" value="boy" checked="checked"/>男
<input type="radio" name="sex" value="girl"/>女
</td>
</tr>
<tr>
<td>兴趣爱好：</td>
<td><input type="checkbox" value="java"/>java
<input type="checkbox" checked="checked" value="c"/>c
<input type="checkbox" value="c++"/>c++
</td>
</tr>
<tr>
<td>国籍：</td>
<td>
<select>
<option value="usa">美国</option>
<option selected="selected" value="cn">中国</option>
<option value="jp">日本</option>
</select>
</td>
</tr>
<tr>
<td>自我评价：</td>
<td><textarea rows="10" cols="20">这里是默认值</textarea></td>
</tr>
<tr>
<td><input type="reset" value="这里重置"/></td>
<td><input type="submit"/></td>
</tr>
<tr>
<td><input type="button" /></td>
<td><input type="file" /></td>
</tr>
<tr>
<td><input type="hidden" name="aaa" /></td>
<td></td>
</tr>
</table>
</form>
文字格式标签
对文字套用的标签：有不同的格式
div 默认独占一行
span 长度是封装数据的长度
p 默认在段落的上方下方各空出来一行
4万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
