<html>
<head>
<title> 标题 </title>
<meta charset="utf-8">
</head>
<body>
这是换<br/>行标签
注意单标签写法
<h1>最大标题</h1>
<h6>最小标题</h6>
<p>段落标签</p>
<p>段落标签</p>
<img src="绝对路径/相对路径/网络", width="", height="", alt="这是一张没显示出来的图片"/>
<ol type="a" start="8">
<li> </li>
<li> </li>
<li> </li>
<li> </li>
</ol>
<ul>
<li> </li>
<li> </li>
<li> </li>
<li> </li>
</ul>
<div>
<h1>xxx</h1>
<h6>xxx</h6>
<b><i><u>块标签</b></i></u>
<p>xxx</p>
下标<sub>2</sub>
上标<sup>2</sup>
<--! 注释 -->
</div>
<table border="1" width="100" height="">
<tr>
<td>xxx</td>
<td>xxx</td>
<td>xxx</td>
<td>xxx</td>
</tr>
<tr>
<td>xxx</td>
<td>xxx</td>
<td>xxx</td>
<td>xxx</td>
</tr>
<form action="success.html" method="post">
用户名: <input type="text" name="username" value="请输入用户名"><br/>
密码: <input type="password" name="pwd"><br/>
性别: <input type="radio" name="gender" value="male">男
<input type="radio" name="gender" value="female" checked="checked">女<br/>
爱好: <input type="checkbox" name="hobby" value="sing" checked>唱
<input type="checkbox" name="hobby" value="dance">跳
<input type="checkbox" name="hobby" value="rep">说唱
<input type="checkbox" name="hobby" value="basketball">篮球<br/>
居住地: <select name="city">
<option value="bj" selected>北京</option>
<option value="sh">上海</option>
<option value="gz">广州</option>
<option value="sz">深圳</option>
</select><br/>
备注: <textarea name="remark" rows="4" cols="40"/></textarea><br/>
<input type="submit" value="注册">
<input type="reset" value="重置">
<input type="button" value="普通按钮">
</form>
<table>
</body>
</html>
HTML:解释型的标记语言,不是编译型语言。 不区分大小写
html页面由一对标签组成:<html> </html>
<html> : 开始标签
</html> : 结束标签
<title> </title> : 网页标题
<meta> : 可以在meta标签中设置编码方式(字符集)
<br/> : 换行 (单标签)
<hr/> : 水平线
h1-h6 : 标题
<p> : 段落标签
<img/> : 图片标签
src : 图片资源所在路径
绝对路径 相对路径 网络地址
width : 图片宽度设置
height : 图片高度设置
alt : 图片显示失败时的提示
<ol> </ol>: 有序列表
type : 显示的类型 A a 1(default) I i
start: 从哪个序号开始
<li> </li> : 列表项 list item
<ul> </ul> : 无序列表
type : disc(默认) circle square
<b></b> : 加粗
<i></i> : 斜体
<u></u> : 下划线
<sub> : 下标
<sup> : 上标
< : < 小于
$gt; : > 大于
≤ : <=
≥ : >=
® : 注册商标
© : 版权符号
: 一个空格
......(各种各样实体符号)
<a></a> : 超链接
href="" : 链接地址
target="" : _self在本窗口打开 _blank在新窗口打开 _parent在父窗口打开 _top在顶层窗口打开
<div></div> : 层,块级元素,占用一行
<span>在<div>中一般都是用于显示一段文本,<span>默认是横排的,而<div>默认是竖排的,用<span>有时候是为了使页面元素看起来规整,没有什么特别的用处。
table : 表格
tr : 行
td : 列
th : 表头列
rowspan : 行合并
colspan : 列合并
<form></form> : 表单
name : 表单提交时的名称
action="xxx" : 提交到的地址
method="" : get post 提交方式默认为get
post和get区别:
1.数据提交方式,get把提交的数据url可以看到,post看不到
2.get一般用于提交少量数据,post用来提交大量数据
3.get最多提交1K数据,post理论上没有限制
4.get提交的数据在浏览器历史记录中,安全性不好
<input> : 用于收集用户信息,type属性设置不同的值用来指定不同的控件类型
type="text" : 文本框
password : 密码框
radio : 单选框,各个radio元素的name属性的值要相同,这样才有单选的功能(互斥),可通过checked属性设置默认选中的项
checkbox : 复选框
submit : 提交按钮,把表单数据发送到服务器
reset : 重置按钮,清除表单中的所有数据
button : 普通按钮
hidden : 定义隐藏的输入字段,隐藏域在页面上不显示,用来存储与传递表单的值,当用户提交表单时,隐藏域的内容会一起提交给处理程序。
image : 定义图像形式的提交按钮
text : 定义单行的输入字段,用户可在其中输入文本,默认显示宽度为20个字符,输入字符的个数不限
file : 定义输入字段和浏览按钮,供文件上传
name : 定义input元素的名称,对提交到服务器后的表单数据进行标识,单选按钮和复选框要有相同的name值
value : 规定input元素的值
对于不同的输入类型,value属性的用法也不同:
type=“button”、“reset”、"submit"用于定义按钮上的显示的文本
type=“text”、“password”、"hidden"用于定义输入字段的初始值
type=“checkbox”、“radio”、"image"用于定义与输入相关联的值
注意1:type="checkbox"或"radio"必须设置value属性
注意2:value属性无法与type="file"的input元素一起使用
checked="checked" : 默认选中,属性名和属性值相同时值可省略(checked)
<textarea></textarea> : 文本域,其value值为开始标签与结束标签之间的内容
name : 属性名
rows : 行数
cols : 列数
<select></select> : 下拉列表框
name : 定义select元素的名称,对提交到服务器后的表单数据进行标识
<option></option> : 选项
value : 发送给服务器的值
selected="selected" : 默认选择,属性名和属性值相同时值可省略(selected)
HTML5中:
自关闭的斜线(/)对 :area, base, br, col, command, embed, hr, img, input, keygen, link, meta, param, source, track, wbr空标签无效,言即不再需要自闭合(/)这个小尾巴了,如果要写上也是可以的。