手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-11 22:26:27

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、大家也可以多复制几条,粘贴一下,也可以换一下别的文字试一下效果,要多多练习才好哦

© 手抄报圈