手中的剑为什么而挥动
只有靠你自己去寻找答案----盖聂

源码-HTML语言的一些基础标签使用参考

1 <html><!–文本描述网页–>
2 <body><!–可见的内容–>
3 <h1><!–标题–>
4 <p><!–段落–>
5 <a href=” 链接”>文本</a><!–HTML 超链接–>
6 <img src=”图像链接”><!–HTML 图像–>
7 <div class=”类名”></div><!–元素的类名–>
8 <div id=”ID”></div><!–元素的ID–>
9 <div style=”样式”></div><!–行内样式–>
10 <hr /><!–创建水平线–>
11 <br /><!–空元素–>
12 <center><!–居中内容–>
13 <s><strike><del><!–删除线–>
14 <q><!–引用语–>
15 <address><!–用于联系信息–>
16 <cite><!–用于著作标题–>
17 <code><!–代码高亮–>
18 <link rel=”stylesheet” type=”text/css” href=”mystyle.css”><!–页眉插入css–>
19 <style type=”text/css”></style><!–页眉内部css–>
20 <div style=”样式”></div><!–内联样式–>
21 <span><!–定义小块或区域–>
22 <div><!–定义块级区域–>
23 <link><!–资源引用–>
24 <input><!–HTML 表单–>
25 <audio src=”音频”></audio><!–视频/音频资源引用–>

 

基 本 标 签
创建一个HTML文档 <html></html>
设置文档标题以及其他不在WEB网页上显示的信息 <head></head>
设置文档的可见部分 <body></body>

标 题 标 签

将文档的题目放在标题栏中 <title></title>

文 档 整 体 属 性

设置背景颜色,使用名字或十六进制值 <body bgcolor=?>
设置文本文字颜色,使用名字或十六进制值 <body text=?>
设置链接颜色,使用名字或十六进制值 <body link=?>
设置已使用的链接的颜色,使用名字或十六进制值 <body vlink=?>
设置正在被击中的链接的颜色,使用名字或十六进制值 <body alink=?>

文 本 标 签

创建预格式化文本 <pre></pre>
创建最大的标题 <h1></h1>
创建最小的标题 <h6></h6>
创建黑体字 <b></b>
创建斜体字 <i></i>
创建打字机风格的字体 <tt></tt>
创建一个引用,通常是斜体 <cite></cite>
加重一个单词(通常是斜体加黑体) <em></em>
加重一个单词(通常是斜体加黑体) <strong></strong>
设置字体大小,从1到7 <font size=?></font>
设置字体的颜色,使用名字或十六进制值 <font color=?></font>

链 接

创建一个超链接 <a href=”URL”></a>
创建一个自动发送电子邮件的链接 <a href=”mailto:EMAIL”>…. </a>
创建一个位于文档内部的靶位 <a name=”NAME”></a>
创建一个指向位于文档内部靶位的链接 <a href=”#NAME”></a>

格 式 排 版

创建一个新的段落 <p>
将段落按左、中、右对齐 <p align=?>
插入一个回车换行符 <br>
从两边缩进文本 <blockquote>
</blockquote>
创建一个定义列表 <dl></dl>
放在每个定义术语词之前 <dt>
放在每个定义之前 <dd>
创建一个标有数字的列表 <ol></ol>
放在每个数字列表项之前,并加上一个数字 <li>
创建一个标有圆点的列表 <ul></ul>
放在每个圆点列表项之前,并加上一个圆点 <li>
一个用来排版大块HTML段落的标签,也用于格式化表 <div align=?>

图 形 元 素

添加一个图像 <img src=”name”>
排列对齐一个图像:左中右或上中下 <img src=”name” align=?>
设置围绕一个图像的边框的大小 <img src=”name” border=?>
加入一条水平线 <hr>
设置水平线的大小(高度) <hr size=?>
设置水平线的宽度(百分比或绝对像素点) <hr width=?>
创建一个没有阴影的水平线 <hr noshade>

表 格

创建一个表格 <table></table>
开始表格中的每一行 <tr></tr>
开始一行中的每一个格子 <td></td>
设置表格头:一个通常使用黑体居中文字的格子 <th></th>

表 格 属 性

设置围绕表格的边框的宽度 <table border=#>
设置表格格子之间空间的大小 <table cellspacing=#>
设置表格格子边框与其内部内容之间空间的大小 <table cellpadding=#>
设置表格的宽度-用绝对像素值或文档总宽度的百分比 <table width=# or %>
设置表格格子的水平对齐(左中右) <tr align=?> or <td align=?>
设置表格格子的垂直对齐(上中下) <tr valign=?> or <td valign=?>
设置一个表格格子应跨占的列数(缺省为1) <td colspan=#>
设置一个表格格子应跨占的行数(缺省为1) <td rowspan=#>
禁止表格格子内的内容自动断行回卷 <td nowrap>

窗 框

放在一个窗框文档的<body>标签之前,也可以嵌在其他窗框文档中 <frameset></frameset>
定义一个窗框内的行数,可以使用绝对像素值或高度的百分比 <frameset rows=”value,value”>
定义一个窗框内的列数,可以使用绝对像素值或宽度的百分比 <frameset cols=”value,value”>
定义一个窗框内的单一窗或窗区域 <frame>
定义在不支持窗框的浏览器中显示什么提示 <noframes></noframes>

窗 框 属 性

规定窗框内显示什么HTML文档 <frame src=”URL”>
命名窗框或区域以便别的窗框可以指向它 <frame name=”name”>
定义窗框左右边缘的空白大小,必须大于等于1 <frame marginwidth=#>
定义窗框上下边缘的空白大小,必须大于等于1 <frame marginheight=#>
设置窗框是否有滚动栏,其值可以是”yes”,”no”,”auto”,缺省时一般为”auto” <frame scrolling=VALUE>
禁止用户调整一个窗框的大小 <frame noresize>

表 单

对于功能性的表单,一般需要运行一个CGI小程序,HTML仅仅是产生表单的表面样子。
创建所有表单 <form></form>
创建一个滚动菜单,size设置在需要滚动前可以看到的表单项数目 <select multiple name=”NAME” size=?></select>
设置每个表单项的内容 <option>
创建一个下拉菜单 <select name=”NAME”></select>
设置每个菜单项的内容 <option>
创建一个文本框区域,列的数目设置宽度,行的数目设置高度 <textarea name=”NAME” cols=40 rows=8></textarea>
创建一个复选框,文字在标签后面 <input type=”checkbox” name=”NAME”>
创建一个单选框,文字在标签后面 <input type=”radio” name=”NAME” value=”x”>
创建一个单行文本输入区域,size设置以字符计的宽度 <input type=text name=”foo” size=20>
创建一个submit(提交)按钮 <input type=”submit” value=”NAME”>
创建一个使用图象的submit(提交)按钮 <input type=”p_w_picpath” border=0 name=”NAME” src=”name.gif”>
创建一个reset(重置)按钮 <input type=”reset”>

赞(0) 打赏
未经允许不得转载: » 源码-HTML语言的一些基础标签使用参考

评论 抢沙发

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续提供更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫

微信扫一扫

登录

找回密码

注册