<!doctype html>
<html>
<head>
<meta charset="gbk">
<title>woaini</title>
</head>
<body>
<ul><!--无序列表-->
<!--square设置正方形，circle设置空心，disc设置实心-->
<li type="square">无序列表1</li>
<li type="circle">无序列表2</li>
<li type="disc">无序列表3</li>
<!--序列是可以嵌套的，u包含o，o包含u都可以-->
</ul>
<ol type="A"><!--有序列表,设置前面的那个序号为大写字母，小写则为a，I为罗马，i为小写罗马写成1则表示前面的是数字-->
<li>有序列表1</li>
<li>有序列表2</li>
</ol>
<dl><!--定义整体列表结构-->
<dt>定义列表1</dt><!--定义列表术语标签--><dd>注释1</dd>
<dt>定义列表</dt><dd>注释2</dd>
</dl>
<!--表单标签一般使用from，它有method和action-->
<!--action是链接地址，method有两个值post和get，相当于向action所指的网站发送数据,只不过二者的区别是有无加密-->
<from method="post" action="">
输入文字：<input type="text" name="名称" id="空白" /><!--name和id随便写,就是给输入框起个名字，比如下面的name和id就不能和上面的一样-->
<from method="post" action="">
输入密码：<input type="password" name="名称1" id="空白1" /><br>
<from method="post" action="">
<p>选择性别</p><!--段落标签-->
<input type="radio" id="radio1" name="radio" value="radio1" />女<br><!--单选框-->
<input type="radio" id="radio2" name="radio" value="radio2" checked/>男<br>
<!--多选框checkbox和单选框一样，name必须相同，其余只是为了后续引用-->
<!--value要注意一下，它是属性对应的值,name和id都是属性-->
<!--hidden一般用于你想隐藏的但又不想删除-->
<from method="post" action="">
隐藏的文字<input type="hidden" name="txtname" value="www.bai.com" />
<!--提交按钮-->
<input type="submit" name="button" id="button" value="提交" /><br><!--这里value就起作用了，所以name和id仅仅是为了标识-->
<!--另外还有重置按钮reset，你按下后，该重置按钮所在的表单的你所输入的信息会被删除-->
<!--还有图片按钮，说白了其实就是自后面有一幅图片-->
<!--比如<input type="image" name= id= src="路劲">-->
<!--记住所有的组件或者说成所有的属性都要加from-->
<from method="post" action="">
<!--以下是下拉式菜单-->
<select value="dwqd" name="dwqd">
<option value="dwqdqwd" selected>篮球</option>
<option value="dwqdqwdqw">足球</option>
</select>
<!--一个文本域-->
<from method="post" action="">
<textarea name="dqwd" id="Dwqd" cols="30" rows="20"></textarea>
</from>
</from>
</from>
</from>
</from>
</from>
</body>
</html>
<!doctype html>
<html>
<head>
<meta char
阅读背景：
HTML总结9_加油开心的博客
来源：互联网
分享到：
