a标签、img图片、iframe、表单元素、div

1.<a href="http://www.baidu.com" target=''_blank">百度</a> 超链接标签

2.<img src="1.png"/> 图片标签文件

如果两个文件是在同一级目录，那么可以直接调用。

<img src="../4/1.png"/> 相对路径

3.<iframe src="iframeA.html" frameborder="0" width="400px" height="250px"/> 框架

4.表单元素（form）

<form action="xxxx.aspx" method="post">

<input type="text" name="txtUserName"/> 文本框

<input type="password" name="txtPwd"/>

<select name="sColor" > 选择框

<option> 红色 </option>

<option> 绿色</option>

<option> 蓝色</option>

</select>

<input type="radio" name="sex" id="dmale"/><label for="dmale"> 男</label> 单选按钮

<input type="radio" name="sex" id="dfemale"/><label for="dfemale">女</label>

<input type="file" name="ffile"/> 文件上传

<input type="checkbox" />苹果 复选框

<input type="checkbox" />香蕉

<textarea name="yoursuggest" cols="50" rows="30" /> 多区域文本框和设置宽度和高度

<input type="reset" /> 重置按钮

<input type="submit" /> 提交按钮

<input type="button" value=“我是一个普通按钮” />

</form>

标签语义化(搜索引擎快速取值)。

1.<div>奥巴马</div> 改为<h1>奥巴马</h1>

2.<em>是用作强调，strong是用作重点强调的。

3.<s> 只是表示一个普通的删除线，而<del>标签更具语义化，它表示删除一个内容，并且del还带有cite和来表明删除的原因以及删除的时间。

4.标签语义化其实就是把你想要表达的东西更容易被搜索引擎理解和重视，让你想表达的东西，to be girlfriend,not to be friend.