Dreamweaver中添加文本添加日期时间文字教程

2025-09-27 04:24:16

1、打开Dreamweaver,新建一个HTML文件,如图,

Dreamweaver中添加文本添加日期时间文字教程

Dreamweaver中添加文本添加日期时间文字教程

2、在<title></title>之间输入标题,添加文字日期时间 如图

Dreamweaver中添加文本添加日期时间文字教程

3、在<body></body>之间输入代码   <h2 align="center">徐志摩</h2>,如图所示。(这个代码的意思就是 说 徐志摩三个字用h2号字,center的意思是剧中的意思)

Dreamweaver中添加文本添加日期时间文字教程

4、接着按回车键输入另一行代码,<p align="center">谁都以为自己会是例外,如图

Dreamweaver中添加文本添加日期时间文字教程

5、接着复制上一行代码,复制粘贴,然后把文字改变一下,如图

Dreamweaver中添加文本添加日期时间文字教程

6、接着重复上一步,复制代码,然后把文字内容 改变一下,如图,

Dreamweaver中添加文本添加日期时间文字教程

7、就这样一直复制,知道这首诗一直完成,

Dreamweaver中添加文本添加日期时间文字教程

8、现在单击拆分按钮,可以把代码和设计进行拆分,就是说可以一屏可以看到代码和设计,如图,

Dreamweaver中添加文本添加日期时间文字教程

9、现在插入时间,

Dreamweaver中添加文本添加日期时间文字教程

10、现在会出现插入日期的文本框,输入如图的参数设置,点存储自动更新前 打上对号,单击确定按钮,如图,

Dreamweaver中添加文本添加日期时间文字教程

Dreamweaver中添加文本添加日期时间文字教程

11、到这里差不多就结束了,下面小编把所有代码呈现下面 大家可以直接复制到dreamweaver中 去看效果,

12、<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

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

<title>添加文字日期时间</title>

</head>

<body>

<h2 align="center">徐志摩</h2>

<p align="center">谁都以为自己会是例外

<p align="center">在后悔之外。

<p align="center">谁都以拥有感情也是例外

<p align="center">在变淡之外。

<p align="center">谁都以恋爱的对象也是例外

<p align="center">在改变之外。

<p align="center">然而最终发现,出了变化

<p align="center">无一例外。

<!-- #BeginDate format:wfcCh2 -->2016年8月6日 Saturday<!-- #EndDate -->

</body>

</html>

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢