HTML学习笔记
基本标签
p标签——段落标签。
例如：
网页效果如图：
align可以设置的对齐方式（默认是left）。
例如：
效果如图：（文字已经居中）
br——换行标签;浏览器自动忽略空白换行。
<br>hr——会自动生成一条横线
常用的属性：
align:设置水平线对齐方式 可选值 left right center (默认居中对齐)
color:设置水平线颜色.默认为黑色
size:设置水平线厚度 以像素为单位。默认为2
width:设置水平线长度.可以是绝对值或相对值。默认为100%
例如：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>hr标签</title>
</head>
<body>
<p >好好学习</p>
<hr>
<p>天天向上</p>
<hr size="10px" >
<p >好好学习</p>
<hr width="50%" align="left">
<p >天天向上</p>
<hr color="red">
<p >好好学习</p>
<hr color="blue" width="50%" size="10px">
<p >天天向上</p>
</body>
</html>效果如图：
块标签
<div> <span>div在浏览器显示时通常会新起一行，而span则不会。例如：
<div>好好学习。</div>
<div>天天向上。</div>
<span>好好学习。</span>
<span>天天向上。</span>效果如图:
标题标签用于定义标题，和div一样会自动换行。字体从1到6依次变小。
此外还可以用color定义字体的颜色,font-family定义字体的风格。例如：
<h1> </h1> <h2> </h2>....<h6> </h6><h1 style="color: red;font-family: 方正姚体">标题</h1>
<h2 style="color: yellow;font-family: 华文中宋">标题</h2>
<h3 style="color: green ;font-family: 方正舒体">标题</h3>
<h4 style="color: blue">标题</h4>
<h5 style="color: purple;font-family: 华文琥珀">标题</h5>
<h6 >标题</h6>效果如图：
注意：h1-h6也是应用CSS。如：
列表标签:ul、ol
ul表示一个无序列表;常用属性：
type:规定列表的项目符号类型,可取值 disc,square,circle.默认值为disc。
ol表示一个有序列表。常用属性：
type:这个属性规定列表中使用的标记类型。可取值1 A a I i.
start:这个属性规定列表的起始值.
li是其列表项。常用属性:
type:这个属性只适用于无序列表，用于设定项目符号，默认值为disc.
value:这个属性只适用于有序列表，用于设定列表的项目数字.
实例代码：
<ul type="square">
<li>aaaaa</li>
<li>aaaaa</li>
</ul>
<ul >
<li>aaaaa</li>
<li>aaaaa</li>
</ul>
<ol>
<li>BBBB</li>
<li>BBBB</li>
</ol>
<ol start="8">
<li>BBBB</li>
<li>BBBB</li>
</ol>
<ol type="A" start="3">
<li>BBBB</li>
<li>BBBB</li>
<li>BBBB</li>
<li>BBBB</li>
<li>BBBB</li>
</ol>效果如图：
图形标签——img（用于在页面上引入图片）。
常用属性：1 src:用于设定要引入的图片的url（绝对路径和相对路径，推荐相对路径）2 alt:用于设定图像的替代文字（假如图片的路径异常，则会出现相应的文字代替） 3 width:用于设定图片的宽度
4 height:用于设定图片的高度 5 border：图片边框厚度
6 align:用于设定图片的文字的对齐方式
链接标签——a（标签用于定义超连接，用于从一个页面链接到另一个页面。）
常用属性：1 href:用于设定链接指向页面的url.
2 target:用于设定在何处打开链接页面。
表格标签——table（用于定义表格）
常用属性：1 align:设定表格的对齐方式
2 bgcolor:用于设定表格的背景颜色。
3 border:用于设定表格边框的宽度
4 width:用于规定表格的宽度。
tr标签用于定义表格的行,包含一个或多个th或td元素
td标签用于定义表格单元
input标签用于搜集用户信息。
根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
input type=“text” 定义单行的输入字段，用户可在其中输入文本。默认宽度为 20 个字符。
<input type="text">如图：
input type="password"定义密码字段。该字段中的字符被掩码.
<input type="password" >如图：
input type="radio"定义单选按钮
1 name:定义标签名称.注意，对于单选按钮，如果要想做到单一选择，多个radion的name值必一样。
2 value:定义标签值
3 checked:定义该标签默认被选中。
<span>单选框</span><input type="radio" name="a" value="1111">男<input type="radio" name="a" checked> 女如图：
input input type=“checkbox” 复选框
如图：
input type=file 定义输入字段和 "浏览"按钮，供文件上传。
<input type="button" value="我是按钮"> <br>
<input type="file">效果如图：
select用于定义一个下拉列表
常用属性:
1 name:定义下拉列表的名称
2 size:定义下拉列表中可见选项的数目
3 multiple:定义可选择多个选项
option
用于定义下拉列表中的选项。常用属性：
1 selected:定义选项为选中状态 ； 2 value:定义送往服务器的选项值。
注意option需要位于select标签内部。例如：
<select >
<option>优秀</option>
<option selected>良好</option>
<option>一般</option>
</select>效果如图：（这里使用了selected,所以默认是良好）
textarea标签用于定义一个多行文本输入控件(多行文本框,文本域)
常用属性:
1 name:定义多行文本框名称
2 cols:定义多行文本框可见宽度
3 rows:定义多行文本框可见行数
4 wrap:规定多行文本框中textarea文字如何换行。
例如：
<textarea></textarea>
