Dreamweaver网页制作初级教程:超链接和邮箱

 时间:2024-11-06 05:05:56

现跗柿椁焚如今,网页制作以及建站成了人人需要掌握的技能,小编也从各方面得到需求说,以前有过PS的入门教程,现在能不能做一个DW的入门教程。那么瞀闩程狨从今天开始,小编将用一些时间,为大家带来DW的入门教程。只要能坚持,你也能成为大神。

方法/步骤

1、今天我们来看一下其他几稍僚敉视个比较简单的代码。注意一般情况下代码的输入必须要用英文哦。首先我们看一下图片插入代码,在body之间输入:<imgsrc="1.jpg"/>

Dreamweaver网页制作初级教程:超链接和邮箱

2、这个代码表示,插入一张名为1.jpg的图片,这时我们需要将图片命名为1,然后放在保存网页的根目录下。

Dreamweaver网页制作初级教程:超链接和邮箱

3、然后我们点击预览,看看效果。这样图片就被插进来了。

Dreamweaver网页制作初级教程:超链接和邮箱

4、然后我们看一下超链接的代码,同样在body中写入代码:<ahref="1">sgtjmovie</a>

Dreamweaver网页制作初级教程:超链接和邮箱

5、这样,当我们预览的时鸷雄凰堆候,就可以发现,我们输入的这一行字,已经自带超级链接。如果我们做好网页,可以将代码更改为:<稆糨孝汶;ahref="1.htm">sgtjmovie</a>

Dreamweaver网页制作初级教程:超链接和邮箱

6、这个语句表示,当我们点击sgtjmovie这几个字,将自动跳转到1这个网页。我们新建一个名字为1的网页,测试一下。

Dreamweaver网页制作初级教程:超链接和邮箱

7、成功跳转,如果没有成功,应该是网页无法连接的界面。

Dreamweaver网页制作初级教程:超链接和邮箱

8、接下来我们看下插入邮箱的命令:<ahref="mailto:wzwywin@163.com">跟我联系</a>

Dreamweaver网页制作初级教程:超链接和邮箱

9、大家可以看到,这个代码和超链接的代码是一样的,以<a>和</a>起止,然后不过是双引号之间多了一个代码:mailto我们预览一下。

Dreamweaver网页制作初级教程:超链接和邮箱

10、点击蓝色字体,就可以直接打开本机的outlook了。也就是用来收发电子邮件的软件。

Dreamweaver网页制作初级教程:超链接和邮箱

11、好了,这节的三个代码就说到这里,希望大家牢记哦,这几个代码是最常用了。

Dreamweaver项目符号的设置方法 dw网页设计怎样合并单元格 DW中怎样设置字体加粗/倾斜 如何在DW中插入动画 Dreamweaver做的超链接在新窗口打开的操作
热门搜索
风景名胜图片 男装图片 奥特曼动漫 汤芳人体图片 日本最新动漫