网站建设是指使用标识语言(markup language),通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输,最终以图形用户界面(GUI)的形式被用户所浏览。简单来说,网页设计的目的就是产生网站。简单的信息如文字,图片(GIF,JPEG,PNG)和表格,都可以通过使超文件标示语言、可扩展超文本标记语言等标示语言放置到网站页面上。 HTML参考(初级一定用的着)基 本 标 签
创建一个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="image" border=0 name="NAME" src="http://www.okasp.com/techinfo/name.gif"> 创建一个reset(重置)按钮 <input type="reset"> 大多数人在上网的时候,都会浏览网页提供给我们的信息。
|