html标签

1. 标签

1.1 基本标签

1.标题标签

<h1></h1>
<h2></h2>
<h3></h3>

2.段落标签

<p></p>

标题标签和段落标签会自动换行.
3.文字标签

<i></i>
<em></em>
# 文字倾斜标签
<b></b>
<strong></strong>
#文字加粗标签
<br>
# 换行
<hr>
# 水平线标签

html中一个空格可以用下列两种方式表示：  或者  
  表示一个像素（px）单位的空格；
 表示一个汉字的宽度 ，一个 =16&nbsp。

<span></snap>
# 行内文本标签

1.2 图片标签

<img>
# 插入图片标签

src：1.可以写入链接；
2.可以写本地图片路径。
title：鼠标放到图片上可以提示文字。
alt：当图片不显示时，显示文字。
width、height：能够修改图片、标签盒子等的显示宽度和高度。

1.3 超链接标签

<a></a>
# 超链接标签

href:1.引入在线链接；
2.可以引入本地文件(html文件)；
3.可以引入id选择器。
target：1._self:当前标签页跳转（默认）；
2._blank:新的标签页跳转。

1.4 页面跳转

	<h1 id="top">顶部</h1>
	<a href="#top">返回顶部</a>
	<a href="#mid">返回中部</a>

2. 列表和内联框架

列表在网站中主要被用来做下拉菜单和展示同一类内容。

<iframe></iframe>
# 内联框架 经常被用在登录、注册页面
<ul></ul>
# 无序列表
<ol></ol>
# 有序列表
<li></li>
# 列表内容放在li里

3. 输入

<input>
# input默认是一个文本框，但是通过修改type属性的值可以将input构造成不同的形式。

placeholder: 输入框中的提示性文字；
maxlength:限制输入内容的长度。

举例：

<p>请选择你的性别：</p>
		<!-- radio：单选框 -->
		<!-- name:告诉系统两个单选框属于同一类 -->
		<!-- 将单选框中的id属性值设置为和lable标签中的for属性值相同，表示相关联 -->
		<input type="radio" name="gender" id="gender1"><label for="gender1">男</label>
		<input type="radio" name="gender" id="gender2"><label for="gender2">女</label>

<p>今晚吃啥？</p>
		<!-- checkbox:复选框 -->
		<input type="checkbox" name="food" id="one"><label for="one">面条</label>
		<input type="checkbox" name="food" id="two"><label for="two">炒菜</label>
		<input type="checkbox" name="food" id="three"><label for="three">火锅</label>
		<input type="checkbox" name="food" id="four"><label for="four">水饺</label>