html 基础知识
| 标记 | 类型 | 译名或意义 | 作 用 | 备注 |
| 文件标记 | ||||
| <html> | ● | 文件声明 | 让浏览器知道这是 html 文件 | |
| <head> | ● | 开头 | 提供文件整体资讯 | |
| <title> | ● | 标题 | 定义文件标题，将显示于浏览顶端 | |
| <body> | ● | 本文 | 设计文件格式及内文所在 | |
| 排版标记 | ||||
| <!--注解--> | ○ | 说明标记 | 为文件加上说明，但不被显示 | |
| <p> | ○ | 段落标记 | 为字、画、表格等之间留一空白行 | |
| <br> | ○ | 换行标记 | 令字、画、表格等显示于下一行 | |
| <hr> | ○ | 水平线 | 插入一条水平线 | |
| <center> | ● | 居中 | 令字、画、表格等显示于中间 | 反对 |
| <pre> | ● | 预设格式 | 令文件按照原始码的排列方式显示 | |
| <div> | ● | 区隔标记 | 设定字、画、表格等的摆放位置 | |
| <nobr> | ● | 不折行 | 令文字不因太长而绕行 | |
| <wbr> | ● | 建议折行 | 预设折行部位 | |
| 字体标记 | ||||
| <strong> | ● | 加重语气 | 产生字体加粗 bold 的效果 | |
| <b> | ● | 粗体标记 | 产生字体加粗的效果 | |
| <em> | ● | 强调标记 | 把文本定义为强调的内容 | |
| <i> | ● | 斜体标记 | 字体出现斜体效果 | |
| <tt> | ● | 打字字体 | courier字体，字母宽度相同 | |
| <u> | ● | 加上底线 | 加上底线 | 反对 |
| <h1> | ● | 一级标题标记 | 变粗变大加宽，程度与级数反比 | |
| <h2> | ● | 二级标题标记 | 将字体变粗变大加宽 | |
| <h3> | ● | 三级标题标记 | 将字体变粗变大加宽 | |
| <h4> | ● | 四级标题标记 | 将字体变粗变大加宽 | |
| <h5> | ● | 五级标题标记 | 将字体变粗变大加宽 | |
| <h6> | ● | 六级标题标记 | 将字体变粗变大加宽 | |
| <font> | ● | 字形标记 | 设定字形、大小、颜色 | 反对 |
| <basefont> | ○ | 基准字形标记 | 设定所有字形、大小、颜色 | 反对 |
| <big> | ● | 字体加大 | 令字体稍为加大 | |
| <small> | ● | 字体缩细 | 令字体稍为缩细 | |
| <strike> | ● | 画线删除 | 为字体加一删除线 | 反对 |
| <code> | ● | 程式码 | 字体稍为加宽如<tt> | |
| <kbd> | ● | 键盘字 | 字体稍为加宽，单一空白 | |
| <samp> | ● | 范例 | 字体稍为加宽如<tt> | |
| <var> | ● | 变数 | 斜体效果 | |
| <cite> | ● | 传记引述 | 斜体效果 | |
| <blockquote> | ● | 引述文字区块 | 缩排字体 | |
| <dfn> | ● | 述语定义 | 斜体效果 | |
| <address> | ● | 地址标记 | 斜体效果 | |
| <sub> | ● | 下标字 | 下标字 | |
| <sup> | ● | 上标字 | 指数（平方、立方等） | |
| 清单标记 | ||||
| <ol> | ● | 顺序清单 | 清单项目将以数字、字母顺序排列 | |
| <ul> | ● | 无序清单 | 清单项目将以圆点排列 | |
| <li> | ○ | 清单项目 | 每一标记标示一项清单项目 | |
| <menu> | ● | 选单清单 | 清单项目将以圆点排列，如<ul> | 反对 |
| <dir> | ● | 目录清单 | 清单项目将以圆点排列，如<ul> | 反对 |
| <dl> | ● | 定义清单 | 清单分两层出现 | |
| <dt> | ○ | 定义条目 | 标示该项定义的标题 | |
| <dd> | ○ | 定义内容 | 标示定义内容 | |
| 表格标记 | ||||
| <table> | ● | 表格标记 | 设定该表格的各项参数 | |
| <caption> | ● | 表格标题 | 做成一打通列以填入表格标题 | |
| <tr> | ● | 表格列 | 设定该表格的列 | |
| <td> | ● | 表格栏 | 设定该表格的栏 | |
| <th> | ● | 表格标头 | 相等于<td>，但其内之字体会变粗 | |
| 表单标记 | ||||
| <form> | ● | 表单标记 | 决定单一表单的运作模式 | |
| <textarea> | ● | 文字区块 | 提供文字方盒以输入较大量文字 | |
| <input> | ○ | 输入标记 | 决定输入形式 | |
| <select> | ● | 选择标记 | 建立 pop-up 卷动清单 | |
| <option> | ○ | 选项 | 每一标记标示一个选项 | |
| 图形标记 | ||||
| <img> | ○ | 图形标记 | 用以插入图形及设定图形属性 | |
| 连结标记 | ||||
| <a> | ● | 连结标记 | 加入连结 | |
| <base> | ○ | 基准标记 | 可将相对 url 转绝对及指定连结目标 | |
| 框架标记 | ||||
| <frameset> | ● | 框架设定 | 设定框架 | |
| <frame> | ○ | 框窗设定 | 设定框窗 | |
| <iframe> | ○ | 页内框架 | 于网页中间插入框架 | ie |
| ● | 不支援框架 | 设定当浏览器不支援框架时的提示 | ||
| <map> | ● | 影像地图名称 | 设定影像地图名称 | |
| ○ | 连结区域 | 设定各连结区域 | ||
| <bgsound> | ○ | 背景声音 | 于背景播放声音或音乐 | ie |
| <embed> | ○ | 多媒体 | 加入声音、音乐或影像 | |
| 其他标记 | ||||
| <marquee> | ● | 走动文字 | 令文字左右走动 | ie |
| <blink> | ● | 闪烁文字 | 闪烁文字 | nc |
| <isindex> | ○ | 页内寻找器 | 可输入关键字寻找于该一页 | 反对 |
| <meta> | ○ | 开头定义 | 让浏览器知道这是 html 文件 | |
| <link> | ○ | 关系定义 | 定义该文件与其他 url 的关系 | |
| stylesheet | ||||
| <style> | ● | 样式表 | 控制网页版面 | |
| <span> | ● | 自订标记 | 独立使用或与样式表同用 |
注： ● 表示该标记属围堵标记，即需要关闭标记如 </标记>。 ○ 表示该标记属空标记，即不需要关闭标记。 IE 表示该标记只适用于 Internet Explorer。 NC 表示该标记只适用于 Netscape Communicator。 反对 表示该标记不为 W3C 所赞同，通常这标记是 IE 或 NC 自订，且己为众所支 持，只是 HTML 标准中有其它同功能或更好的选择。
键盘快捷键 (HTML)
对象快捷方式
|
任务 |
操作步骤 |
|---|---|
|
创建新项目 |
Ctrl+N |
|
插入元素 |
Ctrl+Shift+= |
|
将对象重新设置为父对象 |
将对象拖动到容器上并按 Alt |
|
围绕中心调整对象大小 |
按住 Alt 并拖动图柄（装饰器） |
|
按比例调整对象大小 |
按住 Shift 并拖动图柄（装饰器） |
|
围绕中心按比例调整对象大小 |
按住 Alt+Shift 并拖动图柄（装饰器） |
|
显示对象边界 |
Ctrl+Shift+H |
|
选择多个对象 |
按住 Ctrl |
|
选择多个相邻的对象 |
按住 Shift |
|
显示选定内容 |
Ctrl+T |
|
选择父元素 |
Esc |
|
固定活动容器 |
Ctrl+Shift+D |
|
将对象分组 |
Ctrl+G |
|
取消组合对象 |
Ctrl+Shift+G |
|
锁定选定内容 |
Ctrl+L |
|
解除对所有对象的锁定 |
Ctrl+Shift+L |
|
显示选定内容 |
Ctrl+T |
|
隐藏选定内容 |
Ctrl+3 |
|
选择所有对象 |
Ctrl+A |
|
取消选择所有对象 |
Ctrl+Shift+A |
