Dreamweaver——HTML新手入门

 时间:2024-10-12 06:41:49

1、首先;我们打开DW的主界面(如图)。

Dreamweaver——HTML新手入门

2、找到HTML并双击打开。

Dreamweaver——HTML新手入门

3、 这就是Dearmweaver的编程界面,我们可以看到有几个按钮,然后打开“代码”界面。

Dreamweaver——HTML新手入门

4、 代码界面中,像 <body>、<head>、 <turtle>这样的由尖括号括起来的叫做标签,我们一般在<body媪青怍牙>里面输入其他标签和代码,每一个标签里的内容结束时要用</xxx>(xxx为要结束的标签)为结尾。

Dreamweaver——HTML新手入门

5、 新手常用的标签有<hx>(x为数字1-5,调整字体大小)、<input>(脶巴躔炒输入框)、<a>(超链接)、<button>(按钮)等,在标签里面空格,再继续输入代码可以更改标签的属性,<div align="center">可以使内容居中显示,在body后面空格输入bgcolor="xxxx"可更改背景颜色(xxx为要更改颜色的英文单词)。这是一个用上面介绍的标签做出的简易网页。

Dreamweaver——HTML新手入门

6、 做好之后找到屏幕上方的浏览器标识,可以选择浏览器运行所做的网页,或者可以F12快捷键直接使用默认浏览器打开。

Dreamweaver——HTML新手入门

7、然后就可以运行网页了。

Dreamweaver——HTML新手入门
  • 如何用Dreamweaver制作简单的文本网页
  • Word如何取消表格内部边框?
  • DW如何进行保存文件
  • Dreamweaver如何插入Figure
  • Dreamweaver如何删除列
  • 热门搜索
    中国梦足球梦手抄报 简单的手抄报 迎中秋庆国庆手抄报简单又漂亮 呵护心灵手抄报资料 好看的手抄报图片大全 关于祖国在我心中的手抄报 普法知识手抄报 寻根乡愁手抄报 清明祭奠英烈手抄报 庆十一手抄报