Dreamweaver教程(html)

2025-09-25 06:32:18

1、运行Dreamweaver应用,点击“新建”

Dreamweaver教程(html)

2、点击html文档类型,修改文件名后点击“创建”

Dreamweaver教程(html)

3、这样你就创建完成了一个html文档了

Dreamweaver教程(html)

1、首先是主题结构标签:

1.<html>标签

(1)<html>标签必须在网页文件的最前端与最后写上

*开头的是<html>,结尾是</html>

2.<head>标签

(1)<head>标签包含网页的基本信息,通常与其他的标签一起使用

如下:

<title>标签

它是网页的标题,会在浏览器的标题栏显示。

<title>……</title>

3.<body>标签

网页文件的主体,在<head>标签之下

包含网站的*内容*

 结构模板:

<html>

       <head>

              <title>……</title>

       </head>

      

       <body>

              ……

       </body>

 

</html>

2、接着,你就可以学习在<body>标签内可以写的插入网页文件的主题内容的部分了:

1.<hi>标签

用于定义文档标题

*这个文档标题是用于网页中显示,并非是标题栏中的

2.<pre>标签

此标签内的所有内容将会原封不动的在网站中显示

3.<br>标签

相当于回车键

4.<p>标签插入一个空行

约等于两个回车

5.<hr>

插入水平线

*格式:

<hr align=”对齐方式” size=”横线粗细” width=”横线长度” color=”横线颜色”>

 Align的属性:left right center

6.字符格式标签表:

黑体:<b>…</b>

下划体:<u>…</u>

斜体:<i>…</i>

印刷体:<tt>…</tt>

上标:<sup>…</sup>

删除线:<s>…</s>

下标:<sub>…</sub>

7.<font>标签

设置文本属性标签

 

格式(完全按照,不能加更不能减)

<font size=”数字” face=”字体名” color=”颜色”>

被放置的文字

</font>

8.列表

(1)有序号列表

<ol type=” ”  start=””>

        <li>…

        <li>…

</ol>

Type-----属性值可以为1,a,A,i,I

Start-----表示列表序号是从这个值开始的

(2)无序号列表

语法格式:

<ul type=…>    ——————————>type属性可以为disc,square,circle

        <li>…

</ul>

(3)定义性列表

格式:<dl>…</dl>

9.页面背景颜色设置:

Bgcolor=”…”

<body>标签中写

示例:

<body bgcolor=”…”>

        …

</body>

10.背景图片设置:

Background=”…”

使用方法大致同上。

 

11.超链接:

格式:<a href=”网站名”>…</a>

12.body标签可以扩充的全部内容(不完全)

(1)bgcolor=”…”背景色

(2)text=”…”正文色

(3)link=”…”未访问超链接色

(4)alink=”…”选定的超链接颜色

(5)vlink=”…”已访问超链接色

(6)background=”…”背景图片

13.插入图片

格式:<img src=”” height=”” width=””>

3、点击文件→存储就可以保存文档了~

Dreamweaver教程(html)

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢