html001

雪柳花明 2016-03-14

展开全文

代码实例1.1（基本格式）：

[html] view plain copy

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>段落与标题的排版</title>
</head>
<body bgcolor="#cccccc">
<h1>春晓</h1>
<p>
春眠不觉晓，<br />
处处闻啼鸟，<br />
夜来风雨声，<br />
花落知多少。
</p>
</body>
</html>

以上html代码讲解：

1）

<head>标记中的基本内容：

1.<title>标题</title>

2.<meta>信息：在服务器和客户之间传达隐含信息。可以用来定义页面主题，设定页面格式，标注内容提要和关键字，设置页面刷新等等。

2）.

段落格式化

1.标题标记

格式：<h1>…</h1>, <h2>…</h2>, …,<h6>…</h6>,设置各种大小不同标题的标记。

例如：<h1 align=“center”>标题文字</h1>

3）

·2.分段标记

格式：<p>…</p>设置段落标记。

代码实例1.2（对齐）：

[html] view plain copy

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>段落与标题的排版</title>
</head>
<body bgcolor="#cccccc">
<h2 align="center">春晓</h2>
-->
<hr />
<p>
春眠不觉晓，<br />
处处闻啼鸟，<br />
夜来风雨声，<br />
花落知多少。
</p>
<h1 align="right">春天里</h1>
<hr />
<p>
春眠不觉晓，<br />
处处闻啼鸟，<br />
夜来风雨声，<br />
花落知多少。
</p>
</body>
</html>

代码说明：
1）align是设置标题居中的意思默认（即不写的时候就是左对齐， align=“right”是右对齐
html注释语句代码是什么，html 注释怎么写：
2）、在html网页中注释语法：

二、注释代码拆分分析
html注释代码开始是：
以“”
两个小横杠(减号)+大于符号
三、html注释怎么写

代码实例1.3（预定格式）

[html] view plain copy

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>段落与标题的排版</title>
</head>
<body bgcolor="#cccccc">
<h1>春晓</h1>
<pre>
春眠不觉晓，
处处闻啼鸟，
夜来风雨声，
花落知多少。
</pre>
</body>
</html>

代码讲解：

预定格式标记

格式：<PRE>…</PRE>
功能：在浏览器中显示时，按照编辑工具中文档预先排
好的形式显示内容。

实例代码1.4（背景图像）：

[html] view plain copy

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>段落与标题的排版</title>
</head>
<body background="images/dh1.gif" bgcolor="blue">
<h2 align="center">春晓</h2>
<hr />
<p>
春眠不觉晓，<br />
处处闻啼鸟，<br />
夜来风雨声，<br />
花落知多少。
</p>
<h1 align="right">春天里</h1>
<hr />
<p>
春眠不觉晓，<br />
处处闻啼鸟，<br />
夜来风雨声，<br />
花落知多少。
</p>
</body>
</html>

代码说明：

着重关于代码：“<body background="images/dh1.gif" bgcolor="blue">”作以下说明：

文件路径
文件存放的位置
相对路径：网页和图像在同一个文件夹里（站点）
绝对路径：从一个站点跳转到另一个站点时，比如“百度”http://www.baidu.com
存放图像的文件夹名称建议为：images image
注意：同时加背景图像和背景颜色，图像的优先级大于颜色
背景图片设
背景图像平铺
网页中常用图像格式：
1.gif格式：256种颜色，支持文件背景透明，支持动画效果
文件小，下载快
2.jpg格式：数百万种以上的颜色，不支持文件背景透明，不支持动画效果，但图像颜色品质高（精度高），一般用于数码照片
文件大，下载慢
位图（由一个一个像素点组成的）
3.png格式：fireworks软件的源文件格式,支持文件背景透明
一般的图像，导出文件选png8，透明就可以了
png24，写 css
4.TIFF格式：印刷格式
5.psd格式：photoshop源文件格式，可以编辑

代码实例1.5（font标记）：