标签：一个 ati nbsp com name content method 表单 lin
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8”>
<title>Title</title>
</head>
<body>
< a href="http://baidu.com">; 老 男孩 </a>
</body>
</html>
1.<!DOCTYPE html>:对应关系
2.html标签，标签内部可以写属性,只能有一个
3.注释：<!—- -—>
4.<meta charset="UTF-8”>：自闭合标签
5.<title>Title</title>：主闭合标签
6.head标签中
<meta ->编码，跳转，刷新，关键字，描述，IE兼容
兼容 <meta http-equiv="X-UA-Compatible” content=“IE=IE9;IE=IE8”/>
title标签
link 图标： <link rel=“shortcut icon" href=“image/favicon.ico”>
style
scrip
7.body标签
图标： 表示一个空格
> 表示大于号
< 表示小于号
<p>ncksldjaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
<p>ncksldjaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaa</p>
<p></p>:段落
<br>:换行
字体大小
<h1>dks;a</h1>
<h2>cam;</h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
<span></span>:内联标签
<div> </div>（白板）
所以标签分为：
块级标签：H系列（加大加粗） p标签（段落与段落之间有间距） div
行内标签：span
标签之间可以嵌套
标签存在的意义：定位操作，js css操作非常简单
Chrome的审查元素的使用：定位
查看样式
8.input：行内标签
<input type="text”/> -name属性
<input type="password”/> -name属性
<input type="button" value="登录”>：按钮
<input type="submit" value="登录2”/>：提交按钮，提交表单（提交form里面的表单到后台）
form的标签的action（url） method(get或者post)
单选框：
男:<input type="radio" name="gender" value="1"/>
女:<input type="radio" name="gender" value="2"/>
中:<input type="radio" name="gender" value="3”/>
复选框：
足球: <input type="checkbox" name="favor" value="1"/>
篮球: <input type="checkbox" name="favor" value="2"/>
乒乓球: <input type="checkbox" name="favor" value="3"/>
网球: <input type="checkbox" name="favor" value="4"/>
台球: <input type="checkbox" name="favor" value="5”/>
默认值：
<input type="radio" name="gender" value="1" checked="checked”/>
<input type="checkbox" name="favor" value="1" checked="checked"/>可以多选
上传文件：
<input type="file”> 依赖form表单的属性（默认上传不了，必须加一个属性 <form enctype="multipart/form-data">）
重置：
<input type="reset" value="重置”/> 还原成原来的样子
9.多行文本已经下拉框
<textarea name="ababab">默认值</textarea> -name属性值
<select name="city">
<option value="1">北京</option>
<option value="2">上海</option>
<option value="3" selected="selected">天津</option>
</select>
可以多选：
<select name="city" multiple="multiple" size="2">
<option value="1">北京</option>
<option value="2">上海</option>
<option value="3" selected="selected">天津</option>
</select>
10.超链接
a标签：-跳转
-锚:
<a href="#i1">第一章</a>
<a href="#i2">第二章</a>
<div id="i1" style="height: 500px">第一章</div>
<div id="i2" style="height: 600px">第二章</div>
11.图片以及表格
<img src="zhishi2.png" title="美女" style="height: 200px; width: 200px" alt="大美女">
</a>
<ul>
<li>dnlsa</li>
<li>cnsdlaw</li>
</ul>
前面是点
<ol>
<li>dnlsa</li>
<li>cnsdlaw</li>
</ol>
前面是1234......
<dl>
<dt>dadad</dt>
<dd>dalsfs</dd>
<dd>dnasld</dd>
<dt>dadad</dt>
<dd>dalsfs</dd>
<dd>dnasld</dd>
</dl>
dt在前面是标题 dd在下面是内容
表格：
<table border="1">
<tr>
<td>第一行第一列</td>
<td>第一行第二列</td>
<td>第一行第三列</td>
</tr>
<tr>
<td>第二行第一列</td>
<td>第二行第二列</td>
<td>第二行第三列</td>
</tr>
</table>
<table border="1">
<thead>
<tr>
<th>1</th>
<th>2</th>
<th>3</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td> or <td rowspan="2">1</td>纵向合并单元格
<td>2</td> or <td colspan="2">3</td> 横向合并单元格
<td>sdawd</td>
</tr>
</tbody>
</table>
12.标签
<label for="username">用户名:</label>
<input id="username" type="text" name="user”/>
用于点击文字，获取光标
fieldset:
<fieldset>
<legend>登录</legend>
hdlwdJFDN;‘
</fieldset>
Day13
标签：一个 ati nbsp com name content method 表单 lin
原文地址：http://www.cnblogs.com/jnbb/p/7660207.html
