Dreamweaver基础教程Dreamweaver用div添加文字

 时间:2026-02-13 23:34:51

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

Dreamweaver基础教程Dreamweaver用div添加文字

Dreamweaver基础教程Dreamweaver用div添加文字

Dreamweaver基础教程Dreamweaver用div添加文字

2、在<title></title>之间,把无标题文档改为第一个网页,如图

Dreamweaver基础教程Dreamweaver用div添加文字

3、在</head>和<body>之间,输入代码<div>大家好 这是第一次写网页</div>,如图

Dreamweaver基础教程Dreamweaver用div添加文字

4、然后把<div>大家好 这是第一次写网页</div>复制一行,放到第一行的下面,如图

Dreamweaver基础教程Dreamweaver用div添加文字

5、单击拆分,会出现两个框,就是说你在写代码的同时 也可以看到效果,在右面

Dreamweaver基础教程Dreamweaver用div添加文字

Dreamweaver基础教程Dreamweaver用div添加文字

6、单击文件 保存,保存一下, 保存之后就可以用网页来预览了,如果不保存就预览,它会提示你先保存

Dreamweaver基础教程Dreamweaver用div添加文字

Dreamweaver基础教程Dreamweaver用div添加文字

7、已经保存到了桌面,

Dreamweaver基础教程Dreamweaver用div添加文字

8、回到Dreamweaver中,按f12进行网页预览效果 

Dreamweaver基础教程Dreamweaver用div添加文字

Dreamweaver基础教程Dreamweaver用div添加文字

9、大家也可以多复制几条,粘贴一下,也可以换一下别的文字试一下效果,要多多练习才好哦 

  • DW怎么修改文字链接颜色?
  • DW设置背景图片的操作方法
  • Dreamweaver怎样插入提交和重置按钮
  • Dreamweaver如何设置文字环绕图片
  • 在Dreamweaver HTML文档中如何新建CSS样式?
  • 热门搜索
    法制宣传手抄报内容 关于感恩父母手抄报 关于电脑的手抄报 手抄报之家 关于春天的手抄报花边 英语节日手抄报 初一数学手抄报图片 感恩的心手抄报内容 错别字手抄报 科技点亮生活手抄报