怎样用HTML制作个人介绍网页?

怎样用HTML制作个人介绍网页?,第1张

你无须去记复杂的HTML语言,你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打开Netscape,在file菜单里选EditPage,便可以制作了.文字的处理基本跟Word没什么两样,关键是插入图片和产生链接.我们先做关于你自我介绍的一页,你先写上“大家好,我是superboy,下面是我的照片:”这时要放图片了,只须点击Insert菜单,选取Image,在Choosefile里选取你的图象文件即可,然后把这个文件保存为myself.html文件,放在myself的目录下。好,现在必须做封面了,你在封面写:“欢迎来到superboy的主页”以下是“自我介绍,我的爱好,我的工作”。你的自我介绍要链接到下一页去,你只须用鼠标选“自我介绍”后按鼠标右键,再选createlink,然后再选你myself目录下的myself.html,就将“自我介绍”链接到下一页了,以后在浏览器中一按,就可以跳到镶有你靓照的页面啦。在你的封面做好了所有链接和图片后,记住你必须将这一页保存为index.htm(有的主机要求必须为index.html),因为网页默认的主页名称是index.制作主页其实很简单,只要多实际制作,工多艺熟。还可以拿来主义,在网上看到什么好的主页,用另存为功能保存为.html格式的文件,细细研究人家是如何做的。还可以借用网页模版来搞,我的就是~~~~~~网页制作网址大全 http://www.soww.com/page/060.htm参考资料:http://xiaocun6589.go.nease.net/in/wangye%20zhizuo.htm参考资料:http://zhidao.baidu.com/question/5015128.html

<style>

.content>.name{font-size:16px color:blue}

.home{font-size:18px color:red}

#address{font-size:20px color:gray}

.btn>a,.btn>input{color:greendisplay:blockwidth:120pxheight:60px}

.btn>a:hover,.btn>input:hover{color:yellow}

</style>

<DIV class="content" style="background:url('img.jpg')">

<div class="name">

我叫XXX

</div>

<div class="home">

我的家乡XXX

</div>

<div id="address">

我在xxxx

</div>

<div  class="btn">

<a>确定</a>

<input type="button" value="确定"/>

</div>

</DIV>

用Dreamweaver创建一个空白的HTML文件。

然后可以通过div对整个页面分块,然后把自我介绍内容和标题用不同区块来写出来就可以了。

也可以加上适当的css代码,使页面更加鲜明美观。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6113562.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-15
下一篇 2023-03-15

发表评论

登录后才能评论

评论列表(0条)

保存