养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

Dreamweaver教程(html)

时间:2024-10-22 09:26:05

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>插入水平线*格式:<hralign=”对齐方式”size=”横线粗细”width=”横线长度”color=”横线颜色”>Align的属性:leftrightcenter6.字符格式标签表:黑体:<b>…</b>下划体:<u>…</u>斜体:<i>…</i>印刷体:<tt>…</tt>上标:<sup>…</sup>删除线:<s>…</s>下标:<sub>…</sub>7.<font>标签设置文本属性标签格式(完全按照,不能加更不能减)<fontsize=”数字”face=”字体名”color=”颜色”>被放置的文字</font>8.列表(1)有序号列表<oltype=””start=””><li>…<li>…</ol>Type-----属性值可以为1,a,A,i,IStart-----表示列表序号是从这个值开始的(2)无序号列表语法格式:<ultype=…>——————————>type属性可以为disc,square,circle<li>…</ul>(3)定义性列表格式:<dl>…</dl>9.页面背景颜色设置:Bgcolor=”…”<body>标签中写示例:<bodybgcolor=”…”>…</body>10.背景图片设置:Background=”…”使用方法大致同上。11.超链接:格式:<ahref=”网站名”>…</a>12.body标签可以扩充的全部内容(不完全)(1)bgcolor=”…”背景色(2)text=”…”正文色(3)link=”…”未访问超链接色(4)alink=”…”选定的超链接颜色(5)vlink=”…”已访问超链接色(6)background=”…”背景图片13.插入图片格式:<imgsrc=””height=””width=””>

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

Dreamweaver教程(html)

© 一点知识