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

 时间:2026-04-22 14:50:23

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样式?
  • 热门搜索
    怎么算五行缺什么 云南旅游攻略地图 机械图纸怎么看 月经期可以减肥吗 减肥药哪种最有效 余额调节表怎么做 丝绸之路旅游攻略 孤竹城攻略 伊利金领冠怎么样 新鲜铁皮石斛怎么吃