HTML基础知识
HTML标签
语法规范
基本语法
<>包围，eg.<html>
双标签：成对出现，eg.<html>和</html>
单标签：eg.
标签关系
包含
并列
基本结构标签
<html>
<head> <title> 网页标题</title> </head> <boby> 主体 </boby>
</html>
常用标签
标题
<h1>一级标题</h1>
六级
段落
<p> 段落</p>
换行
<br />
文本格式化
加粗
<strong> </strong><b></b>倾斜
<em></em><i></i>删除线
<del></ del><s></s>下划线
<ins></ins><u></u>
布局
<div></div>一行只能放一个
<span></span>一行可放多个
图像标签
<img/>
| 属性 | 属性值 | 说明 |
|---|---|---|
| src | 图片路径 | 必须属性 |
| alt | 文本 | 替换文本，图像不能显示时出现文字 |
| title | 文本 | 提示文本，鼠标放到图片上显示文字 |
| width | 像素 | 设置宽度 |
| height | 像素 | 高度 |
| border | 像素 | 边框粗细 |
<img 属性=“属性值” ……/>
可有多个属性，不分顺序，标签名与属性，属性和与属性间以空格分开
相对路径
| 分类 | 符号 | eg. |
|---|---|---|
| 同级 | <img src="baidu.gif" /> | |
| 下一级 | / | <img src="images/baidu.gif" /> |
| 上一级 | …/ | <img src=".../baidu.gif" /> |
超链接标签
语法：
<a href="跳转目标" target="目标窗口弹出方式"> 文本或图像 </ a>链接分类
外部链接
内部链接
空链接：
<a href="#">文本或图像</a>下载链接
网页元素链接
锚点链接：点击链接可快速定位到页面某个位置
设置属性值为 #名字的形式，
<a href="#two">第二集</a>找到目标位置标签，添加 id=名字，
<h3 id="two">第二集介绍</h3>
表格标签
<table> <tr> <td>单元格内容</td> ... </tr> ... </table>
表头单元格标签
<th>单元格内容</th>表格属性
属性名 属性值 描述 align left、center、right 规定表格相对周围元素的对齐方式。 border 1 或 "" 规定表格单元是否拥有边框，默认为 "", 表示没有边框。 cellpadding 像素值 规定单元格边沿与其内容之间的空白，默认1像素。 cellspacing 像素值 规定单元格之间的空白，默认2像素。 width 像素值或百分比 规定表格的宽度。 eg.
<table align="center" height="200">表格结构标签
<thead>头部区域</thead><tboby>主体区域</tboby>合并单元格
跨行：rowspan=“合并单元格个数”
跨列：colspan=““合并单元格个数”
eg.
<td rowspan="2"></td>删去多余单元格
列表标签
无序列表
<ul> <li> 列表列1</li> <li> 列表列2</li> ... </ul>
<ul></ul>中只能嵌套<li></li>有序
<ol> <li> 列表列1</li> <li> 列表列2</li> ... </ol>
自定义
<dl> <dt>名词1</dt> <dd>名词解释1</dd> <dd>名词解释2</dd> ... <dt>名词2</dt> ... </dl>
表单标签
表单域
<form action="url地址" method="提交方式" name="表单域名称">表单元素控间件</form>
表单控件
input输入表单元素
type属性
<input type="属性值 />"3.4.1
<input>表单元素type 属性的属性值及其描述如下：
属性值 描述 button 定义可点击按钮（多数情况下，用于通过 JavaScript 启动脚本）。 checkbox 定义复选框。 file 定义输入字段和“浏览”按钮，供文件上传。 hidden 定义隐藏的输入字段。 image 定义图像形式的提交按钮。 password 定义密码字段。该字段中的字符被掩码。 radio 定义单选按钮。 reset 定义重置按钮。重置按钮会清除表单中的所有数据。 submit 定义提交按钮。提交按钮会把表单数据发送到服务器。 text 定义单行的输入字段，用户可在其中输入文本。默认宽度为 20 个字符。 其他属性
属性 属性值 描述 name 由用户自定义 定义 input 元素的名称。 value 由用户自定义 规定 input 元素的值。 checked checked 规定此 input 元素首次加载时应当被选中。 maxlength 正整数 规定输入字段中的字符的最大长度。 name 和 value 是每个表单元素都有的属性值,主要给后台人员使用。
name 表单元素的名字,要求单选按钮和复选框要有相同的 name 值。
checked 属性主要针对于单选按钮和复选框,主要作用一打开页面,就要可以默认选中某个表单元素。
maxlength 是用户可以在表单元素输入的最大字符数,一般较少使用。
<lable>标签：input元素定义标签<lable for="sex">男</lable> <input type="radio" id="sex" />
for 属性与id属性相同
点击<lable>标签内文本，光标转到对应表单元素上
select 下拉表单元素
<select> <option>选项1</option> <option>选项2</option> ... </select>
若<option selected="selected">选项</option>
此选项为默认选中项
textarea文本域元素
<textarea> 文本内容 </textarea>