许多人问学做网站从哪里开始？要学做网站，首先得从html语言开始！
HTML英语意思是：Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。自1990年以来HTML就一直被用作World Wide Web 的信息表示语言，用于描述Homepage的格式设计和它与WWW上其它Homepage的连结信息。使用HTML语言描述的文件，需要通过WWW浏览器显示出效果。
Html 是搭建网页的基础语言 扩展名为Html或者htm 也就是打开记事本 保存为XXX.html或者XXX.htm 编写的时候可以使用记事本 FrontPage Dreamweaver等进行编写 这里我还是推荐使用记事本 如果用Dreamweaver等 这篇文章我也就不用写了
每个Html的文档最开头都必须放<html>标志 且它们都是成队出现的<html>标志表示文档开始 </html>则表示结束 它们都必须成队使用 例如一会讲到的<head></head> <body></body> <p></p>等等等等 这里说明一下 后面就不细说了
<head></head>标志对也是开头部份 但这些都必须在<html></html>标志对中使用 <head></head>标志对中可以使用<title></title> <script></script>等 <title></title>标志对中间加入内容 例如:
<html>
<head>
<title>Hello world</title>
</head>
</html>
保存后 双击 在你的浏览器上方的框内就会出现Hello world 就象当你打开www.imadmin.com一样 打开的时候你会看到浏览器上方框内会出现"我是管理员-网络管理员、网站管理员、数据库管理员-管理员知识库"
下面是文档的主体 用<body></body>标志对表示 中间加入你要的内容 <body></body>中包含了众多的标志 这里一会会说 它可以指定背景色 文本颜色 链接颜色等 bgcolor也就是background color背景颜色 text文本颜色 link链接颜色 颜色除了可以用black red white gray bule green等英文表示外 还可以用十六进制数表示的RGB颜色 例如:
<html>
<head>
<title>我是管理员-网络管理员、网站管理员、数据库管理员-管理员知识库</title>
</head>
<body bgcolor="black" text="red">
<p align="center">测试</p>
</body>
</html>
保存后就会是红字黑底
<p></P>标志对是用于添加段落的 而里面的align="" 则是说明<p></P>标志对中的"测试"两个字的对齐方式 有left(左对齐) center(居中) right(右对齐)三种属性 如果要set up一个列表 使用标志对为<dl></dl> 里面包含，<dt></dt>用来创建列表中的上层 <dd></dd>用来创建列表中最下层 <dt></dt>和<dd></dd>必须在<dl></dl>标志对中使用 例如:
<html>
<head>
<title>我是管理员-网络管理员、网站管理员、数据库管理员-管理员知识库</title>
</head>
<body>
<dl>
<dt>Test1</dt>
<dd>Test2</dd>
</dl>
</body>
</html>
列表还可以使用<ol></ol>来set up一个有数字的列表 <ul></ul>用来set up一个文本前面有圆点的列表 例如:
<html>
<head>
<title>我是管理员-网络管理员、网站管理员、数据库管理员-管理员知识库</title>
</head>
<body>
<ol>
<li>欢迎来到imadmin.com</li>
<li>欢迎来到imadmin.com</li>
<li>欢迎来到imadmin.com</li>
</ol>
<ul>
<p></p>
<li>测试</li>
<li>测试</li>
<li>测试</li>
</ul>
</body>
</html>
在这个例子中 <li></li>标志对就相当于自动排序 且必须在<ol></ol>和<ul></ul>中使用 自己保存了试试就知道了 里面的字体如果要指定大小可以使用<h1></h1>~<h6></h6> 6个标志对 <h1></h1>为最大的文本 <h6></h6>为最小 此外还有<b></b> 此标志对使文本以黑体字的形式出现在浏览器上 <i></i>用来使文本变斜体字 <u></u>用来使文本下加一划线 除了这些 我们还可以使用<font></font>标志对 有size和color两个属性 size用来调整字体的大小 取值"-1" "1" "+1" color就不说了 例如:
<html>
<head>
<title>我是管理员-网络管理员、网站管理员、数据库管理员-管理员知识库</title>
</head>
<body>
<h1>测试</h1>
<h6>测试</h6>
<p><b><i><u>测试</u></i></b></p>
<p><font size="+1" color="bule">测试</font></p>
</body>
</html>
当然 有了文字没图象可不行 插入图象的标志为<img> 用法为<img src="图片的URL"> 另外<img>还有alt align border width height属性 alt就是当你把鼠标放到图象上时显示的文本 align上面讲过了 用法相同 border是图像的边框 width是宽度 height是高度默认单位是象素 也可以用"%"号表示 范围为1%~100% 例
<html>
<head>
<title>我是管理员-网络管理员、网站管理员、数据库管理员-管理员知识库</title>
</head>
<body bgcolor="black" text="red">
<h1><p align="center">欢迎来到imadmin.com</p></h1>
<h2><p align="center">---By imadmin.com</p></h2>
<p align="center"><img src="images/logo.gif">http://www.imadmin.com/images/logo.gif" alt="imadmin.com"></p>
<p align="center"><a href="http://www.imadmin.com">点击进入imadmin</a></p>
</body>
</html>
例子中的<a href="http://www.imadmin.com">点击进入imadmin</a>就是<a href=""></a>标志对 在此标志对Href之中加入需要链接的URL 中间的"点击进入"为说明 与<a href=""></a>标志对对应的是<a name=""></a>标志对 是用于建立一个标签 <a name="标签名">我是标签</a> 例如:
<a name="标签1">imadmin</font></a>
.............
.............
<a href="#标签1">点击回到imadmin处</a>
注意下面必须加"#"号
此外还可以使用<hr>标志给文档加一条水平线 size color width noshade属性 size color width前面讲过了 noshade属性是用来加入一条没有阴影的水平线 例如:<hr width="600" size="1" color="black">
在Html中还可以建立表格 使用标志对<table></table> bgcolor(背景色) border(边框的宽度) bordercolor(边框颜色) bordercolorlight(边框明亮部分的颜色) bordercolordark(边框昏暗部分的颜色) cellspacing(设置格子的空间大小) cellpadding(格子边框与其内部内容之间空间) 光有<table></table>标志对还不够 还需要<tr></tr>标志对来建立表格的每一行 必须放在<table></table>标志对中 <tr></tr>还有align和valign属性 align使用及取值上面讲过了 valign是垂直对齐方式 top(顶端对齐) middle(居中间对齐) bottom(底部对齐) <td></td>用来建立一行中的每一个格子 有width colspan rowspan nowrap属性 colspan是一个格子跨占的列数 rowspan是行数 <th></th>标志队用来建立表格头 例如:
<html>
<head>
<title>我是管理员-网络管理员、网站管理员、数据库管理员-管理员知识库</title>
</head>
<body>
<table border="1" width="80%" bgcolor="white" cellpadding="2" text="red">
<tr>
<th width="33%" colspan="2" valign="bottom">风〓阿呆</th>
<th width="36%" colspan="2" valign="bottom">数控加工</th>
<th width="36%" colspan="2" valign="bottom">imadmin</th>
</tr>
<tr>
<td width="16%" align="center">测试</td>
<td width="16%" align="center">测试</td>
<td width="17%" align="center">测试</td>
<td width="17%" align="center">测试</td>
<td width="17%" align="center">测试</td>
<td width="17%" align="center">测试</td>
</tr>
</body>
</html>
[错误报告] [推荐] [收藏] [打印] [关闭] [返回顶部]
已有
