<meta name = "属性名称" content = "输入具体的关键字"> <meta name = "description" content = "设置页面说明"> <meta name = "generator" content = "编辑软件名称"> <meta name = "author" content = "作者的姓名"> <!--设置网页文字及语言--> <meta http-equiv = "content-type" content = "tetx/html ; charset = UTF-8" > <!--设置网页定时刷新--> <meta http-equiv = "refresh" content = "跳转的时间 ; url = 跳转的地址"> <meta http-equiv="refresh" content=" 5;url = http://www.baidu.com " >
属性 | 描述 | 示例代码 |
---|---|---|
bgcolor | 网页背景颜色 | bgcolor = “颜色” |
background | 网页背景图片 | background = “图片地址” |
text | 文字颜色 | text = “文字颜色” |
link | 链接文字属性 | link = “链接的颜色” |
topmargin | 上边距 | topmargin = “上边距的值” |
leftmargin | 左边距 | leftmargin = “左边距的值” |
<h1></h1> <h2 align = 对其方式 ></h2> <h3 align = left/center/right></h3> <font face = "字体样式" size = "文字字号" color = "字体颜色"></font> <font face = "宋体" size = "7" color = "#FF0000"></font>
格式化操作
<b>加粗的文字</b> <strong>加粗的文字</strong>
<i>斜体文字</i> <em>斜体文字</em> <cite>斜体文字</cite>
<sup>上标内容</sup> <sub>下标内容</sub>
<u>下划线内容</u>
<p> 段落内容 </p>
<!--换行--> <br> <!--不换行--> <nobr>不换行文字</nobr>
<hr width = "宽度" size = "高度" noshade color = "颜色" align = "对齐方式"> <!--noshade 去掉阴影-->
有序列表
<ol type ="序号类型" start = "起始数值"> <li>有序列表项</li> </ol> <!--起始数值只能是数字,但是对其他序号同样有效-->
序号类型
type | 列表项目序号 |
---|---|
1 | 数字1,2,3,4…, |
a | 小写英文字母a,b,c,d… |
A | 小写英文字母A,B,C,D… |
i | 小写罗马数字 |
I | 大写罗马数字 |
无序列表
<ul type ="符号类型" > <li>有序列表项</li> </ul> <!--起始数值只能是数字,但是对其他序号同样有效-->
类 型 值 | 列表项目的符号 |
---|---|
Disc | 默认值,黑色实心圆点项目符号“●” |
circle | 空心圆环项目符号“○” |
square | 正方形的项目符号“□” |
<caption>表格标题</caption> <th>表头</th> <td>普通表格</td> <table border = "边框宽度" bordercolor = "边框颜色" cellspacing = "内框宽度指" cellpadding = "文字与边框距离值"> <tr> <th valign = "垂直对齐方式"></th> <!--top middle bottom 分别是靠上、居中、靠下对其--> </tr> <tr> <td colspan = "跨度的列数" rowspan = "跨度的行数"></td> </tr> </table>
<a href = "链接目标" target = "目标窗口打开方式">链接的内容</a>
属 性 值 | 含 义 |
---|---|
-self | 在当前页面中打开链接 |
-blank | 在一个全新的空白窗口中打开链接 |
-top | 在顶层框架中打开链接,也可以理解为在根框架中打开链接 |
-parent | 在当前框架的上一层里打开链接 |
<from name = "表单名称" method = "传送方法" action = "表单的处理程序" target = "目标窗口的打开方式"> <!--传送方法的值只有两种即get和post--> <!--文本字段--> <input name = "控件名称" type = "text" value = "文字字段默认值" size = "控件的长度" maxlength ="最长字符数"> <!--密码域--> <input name = "控件名称" type = "password" value = "文字字段默认值" size = "控件的长度" maxlength ="最长字符数"> <!--单选按钮 ,checked 表示选中--> <input name = "控件名称" type = "radio" value = "单选按钮取值" checked = "checked"> <!--复选框,checked 表示选中--> <input name = "控件名称" type = "checkbox" value = "复选框取值" checked = "checked" > <!--普通按钮--> <input name = "控件名称" type = "button" value = "按钮文本" onclick = "处理程序"> <!--提交按钮--> <input name = "控件名称" type = "submit" value = "按钮文本" > <!--重置按钮--> <input name = "控件名称" type = "reset" value = "按钮文本" > <!--图像域--> <input name = "控件名称" type = "image" src = "图像路径" > <!--隐藏域--> <input name = "控件名称" type = "hidden" src = "图像路径" > <!--文件域--> <input name = "控件名称" type = "file" size = "控件长度" maxlength ="最长字符数"> <!--下拉菜单,selected = "selected"表示选中--> <select name = "控件名称"> <option value = "选项值" selected = "selected">选项文本内容</option> </select> <!--文本域--> <textarea name = "控件名称" cols = "列数" rows = "行数"></textarea> </from>