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样式?
  • 热门搜索
    二年级下册数学口算题大全 幼儿园画画图片大全 止咳的方法 火龙果盆栽种植方法 床怎么摆放风水好 玫瑰花怎么保存 肘子怎么做好吃 别克昂科拉怎么样 筛子怎么玩 护肤品的正确使用顺序方法