DW——HTML新手入门

 

1.首先打开DW的主界面，找到新建并打开。

dw代码框架构建 dw框架代码html_背景颜色

 

2.找到并点击HTML，然后点击创建。

dw代码框架构建 dw框架代码html_css_02

 

3.然后我们就可以得到一个空的代码界面。 代码界面中，像 <body＞、＜head＞、 <turtle＞这样的由尖括号括起来的叫做标签，我们一般在<body>里面输入其他标签和代码，每一个标签里的内容结束时要用<／xxx>（xxx为要结束的标签）为结尾。

dw代码框架构建 dw框架代码html_超链接_03

 

 

4.新手常用的标签有<hx>(x为数字1-5，调整字体大小)、<input>(输入框)、<a>(超链接)、<button>(按钮)等，在标签里面空格，再继续输入代码可以更改标签的属性，<div align="center">可以使内容居中显示，在body后面空格输入bgcolor，再在bgcolor里添加=，在=里输入“FA0004”,使背景颜色该为红色（可在里面输入任意颜色）。

 

dw代码框架构建 dw框架代码html_HTML_04

 

5.然后我们打开浏览器或直接点击F12来运行网页。可以得到一个简单的页面。

dw代码框架构建 dw框架代码html_css_05