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样式?
  • 热门搜索
    马德里旅游 清远旅游景点 五大连池旅游 丹巴旅游 河池旅游 莫斯科旅游攻略 江苏旅游攻略 邢台旅游景点大全 亚布力滑雪旅游度假区 虎跳峡旅游