一、html头部
| 元素 | 含义 | 适用情况 |
|---|---|---|
| <meta> | 指定网页上的字符集，页面描述，关键字，作者和其他元数据。其中，元数据主要是提供给浏览器，搜索引擎和其他Web服务使用的，以便更好地对网页进行排名。 | 直接输出中文若出现中文乱码的情况，需要在头部将字符声明为 UTF-8 或 GBK。 |
| <title> | 定义文档的标题 | 适用于所有HTML 或者 XHTML文档 |
| <style> | 设置HTML页面的样式 | 内联的css样式代码写在<style>元素内 |
| <link> | 于将外部的css样式表链接到网页中 | |
| <script> | 定义客户端脚本 | 比如 JavaScript |
| <base> | 定页面中所有相对URL的基本URL和基本目标 |
二、html标签
| 标签 | 含义 | 描述 |
|---|---|---|
| <p></p> | 段落标记 | |
| <h1></h1> | 标题字 | 1~6级 |
| <br> | 换行 | 添加<br/>，后面的文字另起一行 |
| <hr> | 横线 | 水平线 |
| <del></del> | 删除 | 删除线 |
| <ins></ins> | 插入 | 下划线 |
| <b></b> | 粗体字 | |
| <strong></strong> | 粗体字 | 强调粗体字 |
| <i></i> | 斜体字 | |
| <em></em> | 斜体字 | 强调斜体 |
| <pre></pre> | 预留格式 | 手动输入的空格和换行都有效 |
| <sup></sup> | 上标 | |
| <sub></sub> | 下标 | |
| <font></font> | 字体标签 | 设置字体格式及样式 |
| <img> | 图片 | |
| <a></a> | 链接 | |
| <center></center> | 居中 | |
| <left> </left> | 居左 | |
| <right> </right> | 居右 | |
| <big></big> | 字体加大 | |
| <small></small> | 字体减小 | |
| <form></form> | 表单 | |
| <figure></figure> | 定义一个媒体内容 | 比如图片 |
| <table></table> | 表格 | |
| <tr></tr> | 定义行 | |
| <th></th> | 标题单元格 | 居中加粗 |
| <td></td> | 单元格 | 数据输入 |
三，html标签样式
| 字体样式 | |
|---|---|
| 标题对齐方式 | <h align=right,left,center></h> |
| 设置字体大小和颜色 | <font size=? color=?></font> |
| 指定字型 | <font face=?></font> |
| 链接样式 | |
| 网址链结 | <a href="URL"></a> |
| 设定锚点(?以容易记为原则) | <a name="?"></a> |
| 链结到锚点(同一份文件) | <a href="#?"></a> |
| 链结到锚点(锚点不同文件) | <a href="URL#?"></A> |
| 自动发送电子邮件的链接 | <a href="mailto:EMAIL"></a> |
| 图片样式 | |
| 显示图形（无法显示图形时用） | <img src="URL" alt="图形取代文字"> |
| 图形位置 | <img src="URL" align=top,bottom,middle,left,right> |
| 图形尺寸(?以像素为单位) | <img src="URL" width=? height=?> |
| 连结图形边线 | <img src="URL"border=?> |
| 图形四周留白 | <img src="URL"hspace=? vspace=?> |
| 横线样式 | |
| 横线厚度、长度 | <hr size=? width=?> |
| 横线长度 | <hr width=?%> |
| 实横线(无立体效果) | <hr noshade> |
| 背景样式 | |
| 背景图案(图形文件格式为gif和jpg) | <body background=图形文件名> |
| 背景颜色、文字颜色(RGB色码) | <body bgcolor=#rrggbb text=#rrggbb> |
| 链接字体颜色 | |
| 未链结点颜色 | <body link=#rrggbb> |
| 已链结点颜色 | <body vlink=#rrggbb> |
| 正在链结点颜色 | <body alink=#rrggbb> |
| 表格样式 | |
| 表格边框属性设置 | <table border="？px"></table> |
| 表格宽度、高度属性设置 | <table width="？%"></table> |
| 表格对齐方式属性设置 | <table align="center"></table> |
| 合并单元格 | <td colspan='2'></td> |
| 列表样式 | |
| 有序列表(以数字的形式排序） | <ol> <li>.</li> <li>..</li> </ol> |
| 无序列表(以点表的方式排序） | <ul> <li>.</li> <li>..</li> </ul> |
| 定义列表 | <dl> <dt></dt> <dd></dd> <dt></dt> <dd></dd> </dl> |
| 表单样式 | |
| 提交属性（显示、隐藏） | <form method="GET/POST"> </form> |
| 请求路径 | <form action="URL"> </form> |
| 表单input元素 | |
| 元素类型 | <input type="text" > |
| text,password,radio,checkbox,submit,reset,file,hidden,image和button | |
| 表单元素名称 | <input name="username" > |
| 初始值(type为radio必须指定一个值) | <input value="text"> |
| 初始宽度(type为text/password以字符单位，其他为像素) | <input size=> |
| 输入最大字符数(type为text/password) | <input maxlength=> |
| 按钮是否被选择(type为radio/checkbox) | <input checked=> |
3290
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
