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

Dreamweaver教程(html)

时间:2024-10-13 03:51:56

Dreamweaver作为网站建设三剑客之一而被人们熟知,那么,这款软件新手该怎么入门使用呢?

工具/原料

电脑(整机)一台

Dreamweaver2019或其他版本

1.新建文档

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

Dreamweaver教程(html)

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

Dreamweaver教程(html)

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

Dreamweaver教程(html)

2.代码初入门

1、首先是主题结构标签:1.<html>标签(1)<html>标签必须在网页文件的最前端与最后写上*开头的是<html>,结尾是</htm造婷用痃l>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 center6.字符格式标签表:黑体:<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,IStart-----表示列表序号是从这个值开始的(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)
© 手抄报圈