HTML标签总结（不断添加中）

<h1>标题1</h1>max
<p>段落</p>
<strong>粗体</strong>
<em>斜体</em>
<pre>保留格式</pre>
<del>删除效果</del>
<ins>下划线效果</ins>
<div aligh="left"><img with="200" height="200" src="https://how2j.显示图像.gif" alt="图片存在时alt不会显示，图片缺失时alt会显示"/></div>
1，同级目录使用文件名，不需要/
2，上级目录，加../上上级用../../
3.   绝对路径，前面加file://
<a href="http://www.12306.com">超链接</a>
<a href="http://www.12306.com"   title="鼠标放在超链接上提示文字"   target="_bland">在新的地方打开超链接</a>
<a herf="网址"<img src=""/><a/>
4行，4个tr，两列，2个td

<table border="1"   width="200px"   cellspacing="10"     cellpadding="100">
cellspacing是边框空格大小，cellpadding是格子大小
把表格单元间距设置成10,单元边沿与其内容之间的空白设置成100
<tr>	<th>每列标题<th/>   <tr/>  
1：th标签是table表格中的标题部分，就是每一列的表头用th包裹
2：th标签内文字带自动居中，加粗效果
3：td标签内的文字为左对齐的普通文本
<tr><td width="50px">1<td>	<td>2<td/> </tr><!--设置td的属性width为百分数，设置单元格宽度相对值，width="80%"-->
<tr>	<td align="center">3<td>	<td>4<td/> </tr>
<tr>	<td valign="top">5<td>	<td>6<td/> </tr>  <!--设置单元格垂直对齐-->
<tr>	<td colspan=""2>1,2<td/> </tr><!--跨越两列，水平合并-->
<tr bgcolor="gray">	<td rowspan="2">1,3<td>	<td>2<td/> </tr>
<tr>		<td>2<td/> </tr>
<table/>

<ul>
<li>无序列表</li>
</ul>
<ol>
<li>有序列表</li>
</ol>
布局标签 div span
如果不使用div,则需要对每一个图像设置边距
使用了div后，先把两个图像都放在一个div里
只需要设置div的边距，就可以达到两个图片都移动的效果
<img style="margin-left:50px" src="https://how2j.cn/example.gif"/>
 <br/>
 <img style="margin-left:50px" src="https://how2j.cn/example.gif"/>
<div style="margin-left:100px" >
 <img src="https://how2j.cn/example.gif"/>
  <br/>
 <img src="https://how2j.cn/example.gif"/>
</div>
div是块元素，自动换行，常见的块元素

<font color="blue" size=+2>  蓝色大2号字体</font>
<iframe src="https://内联框架可以在网页中插入网页.cn/" width="600px" height="400px"></iframe>
<input type="text" size="10" value="初始值" placeholder="背景文字">
<input type="password">
！！！！！！！！！！！
<!--form用于向服务器提交数据，提交到login.jsp，按钮是登陆-->
<form method="get" action="https://how2j.cn/study/login.jsp">
账号：<input type="text" name="name"><br/>
密码：<input type="password" name="password"><br/>
<input type="submit" value="登陆">
</form>
<!--method="get"提交数据，是常用的提交数据的方式，如果form没有提供method属性，默认就是get方式提交数据，get方式的一个特点就是，可以在浏览器的地址栏看到提交的参数，即便是密码也看得到。    使用method="post" 也可以提交数据，post不会在地址栏显示提交的参数，如果要提交二进制数据，比如上传文件，必须采用post方式。
-->

<!--单选框--><input type="radio">
<!--默认选中--><input type="radio" checked="checked">
<!--分组，多个单选框在一个分组里，同一时间，只能选中一个单选框,设置name的属性相同即可-->
学习1<input type="radio" name="activity" value="学习java"> <br/>
选项2<input type ="radio" checked="checked" name="activity" value="study"><br/>
dota<input type="radio" name="activity" value="dota" > <br/>
LOL<input type="radio" name="activity"  value="lol"> <br/>	
<p>今天晚上做什么？</p>
复选框
学习java<input type="checkbox" value="学习java" > <br/>
东京热<input type="checkbox" checked="checked"  name="activity" value="tokyohot" > <br/>
dota<input type="checkbox" value="dota" > <br/>
LOL<input type="checkbox" value="lol"> <br/>
下拉列表
<select size="2"  multiple="multiple">出现两个选项,可以多选
 <option >苍老师</option>
 <option >高树玛利亚</option>
 <option selected="selected" >遥美</option>默认选择
</select>
<textarea cols="30" rows="8">文本域<textarea/> 宽度30行数8
<input type="button" value="一个按钮">普通按钮不具备提交form效果
<input type="submit" value="登陆"> submit按钮可以提交
<input type ="reset" value="重置">  重置按钮
<button type="submit">登陆</button>

<table border="1"></table>
<script>假如此元素内部的代码没有位于某个函数中，那么这些代码会在页面被加载时被立即执行。<frameset> 标签之后的脚本会被忽略。<script/>


生日选择下拉框
<tr ><td><span style="color:red">* </span>生日：</td><td>
				<select name="year" id="year">
					<script>
						for(i=1900;i<2011;i++){
							document.write("<option value='"+i+"'>"+i+"</option>")
						}
					</script>
				</select>
				<select name="mounth" id="mounth">
					<script>
						for(i=1;i<=12;i++){
							document.write("<option value='"+i+"'>"+i+"</option>")
						}
					</script>
				</select>
			</td></tr>
colspane  rowspane合并单元格

显示图片