我的HTML笔记
HTML（Hypertext Marked Language）“超文本标记语言”。
1.HTML的声明
<!DOCTYPE html>
2.HTML的基本结构
<!DOCTYPE html>
<html>
<head>
<title>标题</title>
<!--meta标签提供有关页面的元信息 -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--link标签定义文档与外部资源的关系，例如样式表 -->
<link rel="stylesheet" type="text/css" href="../style.css" />
<!--script标签定义客户端脚本，比如 JavaScript -->
<script type="text/javascript" src="js/js001.js"></script>
</head>
<body>
内容
</body>
</html>
3.HTML基础标签
注解
<!--文字注释-->标题
<h1> ～ <h6>段落
<p>…</p>分区
<div>…</div>换行
<br />水平线
<hr />4.HTML标签属性
| 属性 | 意义 |
|---|---|
| class | 规定元素的一个或多个类名 |
| id | 规定元素的唯一 id |
| style | 规定元素的行内 CSS 样式 |
| title | 规定有关元素的额外信息 |
| tabindex | 规定元素的 tab 键次序 |
| hidden | 隐藏当前标签，不显示在页面上 |
5.HTML格式化
| 标签 | 意义 |
|---|---|
<b> |
定义粗体文本 |
<i> |
定义斜体字 |
<strong> |
定义加粗 |
<sub> |
定义下标字 |
<sup> |
定义上标字 |
<del> |
定义删除字 |
<code> |
定义计算机代码 |
<abbr> |
定义缩写 |
<acronym> |
定义首字母缩写 |
<address> |
定义地址 |
<div> |
定义文档中的节或区域（块级） |
<span> |
定义文档中的行内的小块或区域 |
6.HTML超链接
href属性
<a href=“http://www. baidu.com”>百度</a> target属性（_parent,_blank,_self,_top）
<a href=“http://www. baidu.com” target=_blank >百度</a>title属性
<a href=“http://www. baidu.com” title=“搜索引擎” >百度</a>name属性（要设置一对 ）
<a href="#C1">参见第一章</a>
<a name="C1">第一章</a>
<a href=“other.html#C1"></a>7.HTML图像
<img src=“filename” alt=“提示文字” width=“100px” height=“50px” align=“left”>
<a href=“index.html”><img src=“1.jpg”></a>8.相对路径和绝对路径
相对路径
<a href = “文件名">同一个目录 </a>
<a href = “../文件夹名/文件名">上级目录</a>
<a href = “文件夹名/文件名”>下级目录</a>绝对路径
指带域名的文件的完整路径。
假设域名www.admin.com ,在www根目录下放了一个文件index.html ，这个文件的绝对路径就是： http://www.admin.com/index.html
9.HTML表格
基本语法
<table>
<tr>（行标记）
<th>…</th>(表头)
…
</tr>
<tr>
<td>…</td>（单元格标记）
…
</tr>
</table><table>标签属性
| 属性 | 表示 |
|---|---|
| 边框 | border |
| 宽度 | width |
| 高度 | height |
| 边框颜色 | bordercolor |
| 背景颜色 | bgcolor |
| 单元格间距 | cellspacing |
| 单元格边距 | cellpadding |
| 对齐 | align( left, center, right) |
| 边框式样 | frame( above, below, hsides(上下), vsides(左右) ) |
| 内部边框式样 | rules( all, cols, rows) |
<tr> 标签属性
| 属性 | 表示 |
|---|---|
| 对齐 | align( left, center, right) ,vlign( top, middle, bottom) |
| 边框颜色 | bordercolor |
| 背景颜色 | bgcolor |
<td> 与<th> 标签属性
与标记相似, 多出了width, height
| 属性 | 表示 |
|---|---|
| 跨行 | rowspan |
| 跨列 | colspan |
10. HTML列表
有序列表(Ordered List)
由<ol>开始，每个列表项由<li>开始换行。
属性： reversed，start，type
无序列表(Unordered List)
由<ul>开始，每个列表项由<li>开始换行。
属性： type（disc,circle,square）
<!-- 有序 -->
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
<!-- 无序 -->
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>嵌套列表
ul,ol组合嵌套使用
定义列表
自定义列表不仅仅是一列项目，而是项目及其注释的组合。
自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>11.HTML表单
主要用于采集和提交用户输入的信息
基本语法
<form name=“formname” method=“method” action=“url” target=“target_win”>部分<form>内标记
<input>…</input>
<select>…</select>
<option>…</option>
<textarea>… <textarea> <input> 标签
<input type=“域的类型’ name=“域的名称”>Type属性值
| Type属性值 | 描述 |
|---|---|
| Text | 文字域 |
| Password | 密码域 |
| File | 文件域 |
| Checkbox | 复选框 |
| Radio | 单选框 |
| Button | 按钮 |
| Submit | 提交按钮 |
| Reset | 重置按钮 |
| Hidden | 隐藏域 |
| Image | 图像提交按钮 |
Get &post方法
Get:
get方法是将表单内容附在URL地址后面，对提交信息的长度有限制，不可超过8192个字节，并且不具有保密性，不能传送非ASCII码字符。
Post：
post方法是将表单中的数据包含在表单的主体中一起传送到服务器上的，没有字符的限制，在浏览器的地址栏不显示提交的信息。
当不指明是哪种方式时，默认为get方法。
12.HTML框架
<frameset></frameset>决定如何划分Frame。<frameset>有列分布cols属性和行分布rows属性。
<frameset cols="25%,75%">
<frame src="Frame_a.html" scrolling=“yes/no/auto" >
<frame src="Frame_b.html">
</frameset> 13.HTML实体
| 显示结果 | 描述 | 实体名称 | 实体编号 |
|---|---|---|---|
| 空格 | |
  |
|
| < | 小于号 | < |
< |
| > | 大于号 | > |
> |
| & | 和号 | & |
& |
| “ | 引号 | " |
" |
| ‘ | 撇号 | '(IE不支持) |
' |
| ￠ | 分 | ¢ |
¢ |
| £ | 镑 | £ |
£ |
| ¥ | 日圆 | ¥ |
¥ |
| € | 欧元 | € |
€ |
| § | 小节 | § |
§ |
| © | 版权 | © |
© |
| ® | 注册商标 | ® |
® |
| ™ | 商标 | ™ |
™ |
| × | 乘号 | × |
× |
| ÷ | 除号 | ÷ |
÷ |
14.HTML编写规范
- 元素正确嵌套
空标签也被关闭<br/>
属性使用小写
属性值用引号包围
