Html
html 标签有单标签和双标签两种
<meta charset="UTF-8"/> 单标签
<html> </html> 双标签
html 文档结构
<!DOCTYPE html> <!-- 文档声明 --- > <!--这就是注释的书写格式-->
<html lang="en"> <!-- html 开始标签，有仅有一个，成对出现-->
<head> <!-- head开始标签，一定在HTML标签里面，并且放于顶部，有仅有一个，成对出现-->
<!--head标签里面定义的都是内在的东西不可见的，-->
<meta charset="UTF-8"/> <!--字符编码声明--> 单标签 标签属性直接写
<title>标题信息</title> <!--头部标题信息就XX--> 双标签 标签属性写在开始标签里面
</head> <!-- head 结束标签，一定在HTML标签里面，并且放于顶部，有仅有一个，成对出现-->
<body> <!-- body开始标签，一定在HTML标签里面，在head标签下面-->
<!--body标签里面定义的都是用户所见所得的东西，-->
<body> <!-- body 结束标签，一定在HTML标签里面，在head标签下面-->
</html> <!--html 结束标签，有仅有一个，成对出现-->
head 标签里都是一些设置性的页面不可见的（不包括<title>标题标签</title>）
<head>
meta
<meta charset="UTF-8"> <!--字符编码声明-->
<meta http-equiv="Refresh" Content="30"/> <!--默认刷新，每30秒后执行一次-->
<meta http-equiv="Refresh" Content="5"; Url="http://www.baidu.com"/> <!--5秒后页面自动跳转到百度-->
<meta name="keywords" Contnet="关键字1"，“关键字1”，“关键字...”> <!--用于搜索时的关键字，容易曝光网站-->
title
<title> XX网站/什么主页 </title> <!--网页头部信息:这是个双标签-->
link ---->css
<link rel="stylesheet" type="text/css" href="css/common.css"> <!--引入CSS样式-->
link ---->icon
<link rel="shortcut icon" image="/image/favicon.ico"> <!--网站标题有个小图片用它来干-->
</head>
html常用标签分类
块级标签--block 自己独占一行
内联（行内）标签--inline 根据自身内容大小占用
块级标签--block <div>,<b>,<br>,<h1>
<div>没有什么特殊的功能</div>
<div style="color:red;">通过设置属性来增加样式</div>
<p>段落标签</p>
<br /> 换行标签
H标签（H1--H6） 默认1大--6小
内联（行内）标签--inline <a> <span>
<a href="http://www.baidu.com">百度</a> 跳转标签 超链接 a 标签特有的href=‘目标链接地址’ 默认当前窗口打开
<a herf = "http://www.baidu.com" target="_blank">百度</a> 此时加上了target="_blank" 新建窗口打开跳转地址
<a></a> 有两个特殊的属性 ：href ，target
a标签有锚的作用 href="#i1" 寻找页面ID =i1 的， 跳转置顶（ID属性值不能重复）
通过ID给建立相应的关系后，出现的效果当前点击的地址置顶可视
input系列标签
input系列标签总结
1 input系列标签 type ： 2 type="text" 单纯的文本输入框 3 type="passwork" 密文输入框 4 type="radio" 单选框 ，增加name属性 互斥作用 5 type= "checkbox" 复选框 6 type="file" 文件上传 7 type="email" 邮箱格式 8 type="submit" value="提交表单" submit button reset 都是包在<form></form> 标签里面才有效 submit 提交 ，reset 重置 ，button 也是没有什么卵用！ 9 type="button" value=“普通按钮” 10 type="reset" value="重置表单”
select下拉多选标签总结
-------------单纯的下拉选项--------------------》 <select> <option>单纯的下拉选项</option> <option>单纯的下拉选项</option> <option>单纯 的下拉选项</option> </select> -----------------------多选项下拉--------------------- <select multiple size="3"> nultiple可以多选下拉 size 默认显示数量 <option>多选下拉选项</option> <option>多选下拉选项</option> <option>多选下拉选项</option> </select> ----------------<optgroup> 分组是下拉选项 --------- <select> <optgroup lable="北京" > <option>朝阳</option> <option>丰台</option> <option>海淀</option> </optgroup> </select>
form标签总结
1 form标签将当前表单里的数据提交到服务器； 2 服务器接收数据是以key、value 的形式接收的,action属性=“提交服务器url” 3 所输入或选择的数据都应给加上name属性==服务器的key 4 <form action="目标服务器url" > 5 <p>用户名：<input type="text" name="user"></p> 6 <p>密码： <input type="password" name="pwd"></p> 7 <p> 提交：<input type="submit" value="提交"></p> 8 </form> 9 -----------------选择文件上传是要增加两个属性------------- 10 <form action=“url” method="post" enctype="multipart/form-data"> 11 <p> 选择文件：<input type="file" name="upfile"></p> 12 <p> 提交：<input type="submit" value="提交”></p> 13 </form> 14 ------------------遇到选择框多选框时 name一致用value区分好不 ----- 15 <form action="目标服务器url" > 16 <select name="city"> 17 <option value="1">北京</option> 18 <option value ="2">上海</option> 19 <option value="3">济南</option> 20 21 </select> 22 </form>
普通文本输入框 <input type="text"/>
普通文本输入框
密文输入框 <input type="password"/>
密文输入框
单选输入框 <input type="radio"/>
性别： 男：
女：
复选输入框 <input type="checkbox"/>
爱好：
篮球1：
篮球2：
篮球3：
篮球4：
篮球5：
上传文件选择框 <input type="file"/>
选择文件：
select下拉选择标签 <option>
请选择城市：
select下拉选择标签 <option>实现多个下拉选项框
select下拉选择标签 <select multiple size="nu">实现多xuan下拉选项框
select下拉选择标签 <optgroup>实现分组下拉选项框
<textarea> </extarea>用于写入多行文本
![]()
用于多行文本写入
<fieldset></fieldset>
<iframe></iframe> 完整转接到别的URL
最重要的标签-----<form><form>标签
form 标签 ---要提交的内容应该放在form标签内部才可被提交！
浙公网安备 33010602011771号