用记事本工具制作简单的网页

作者： JinYon
发布时间： 2010 年 09 月 20 日
1258次浏览
暂无评论
分类：随记

　下面是用记事本做简单网业的最基本的一些知识：

　　在你做之前，把你要用的一切文档放在同一个文件夹中，比如音乐,背景图片等.否则将影响效果。

　　了解下什么是HTML：

　　Html是英文 HyperText Markup Language 的缩写，中文意思是“超文本标志语言”，用它编写的文件(文档)的扩展名是.html或.htm，它们是可供浏览器解释浏览的文件格式。您可以使用记事本来编写Html文件。Html语言使用标志对的方法编写文件，既简单又方便，它通常使用<标志名></标志名>来表示标志的开始和结束(例如<html></html>标志对)，因此在Html文档中这样的标志对都必须是成对使用的。在此教程中，我先讲一下Html代码的基本标志：

　　最简单的：

XML/HTML代码

<html>
<body>
　这是一个非常简单的HTML。
</body>
</html>

　　这个也是HTML在记事本里面最基本的格式。首的字母代码和最后的要相互吻合，有头就要有尾。既<>内容</> 这个就想我们数学中用括号一样:{}中包括[ ] [ ]中包括( ),同样道理,HTML也是一样.即：<开始标签参数="值">内容....</结束标签>

　　补充：补充:不区分大小\英文标点符号\忽略空白

　　由于HTML的代码很多，如果大家一次学下来很辛苦，所以，今天，我们只了解一下在记事本当中做网页格式上的最基本的一些代码：

　　1．网页结构

XML/HTML代码

<html>
<head>
<title>网页标题</title>
</head>
<body>
　　........网页内容
</body>
</html>

　　补充:不区分大小\英文标点符号\忽略空白

　　由于HTML的代码很多，如果大家一次学下来很辛苦，所以，今天，我们只了解一下在记事本当中做网页格式上的最基本的一些代码：

　　1．网页结构

XML/HTML代码

<html>
<head>
<title>网页标题</title>
</head>
<body>
　　........网页内容
</body>
</html>

补充:不区分大小\英文标点符号\忽略空白

　　<meta http-equiv="Content-Type" content="text/html;charset=gb2312">

　　....设置网页的字符集（语言）

　　2．文本

　　<p>段落文字</p>.......段落标签(段之间空一行)

　　<p align=对齐方式>

　　值:left--左\center---居中\right=右

　　<br>....换行标签(行之间没有分隔)

　　<center>内容</center>....内容居中对齐

　　<div>大量内容</div>.....定义块

　　<span>少量文字</span>...定义小块文字

　　<hr>....水平线

　　width=宽度(固定值\百分比)

　　size=高度

　　color=前景色

　　#rrggbb----16进制颜色值

　　关键字----red\black\blue\green\yellow\white

　　align=对齐方式

　　noshade----无阴影

　　特殊字符: ----空格

　　注释:

　　<h1>标题文字</h1>

　　h1---h6:标题样式

　　3．格式

　　<font face=字体 size=字号 color=颜色>文字内容</font>

　　<b>文字</b>.....文字加粗(strong)

　　<i>文字</i>......文字倾斜(em)

　　<u>文字</u>......文字下划线