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

Posted 2023-03-30

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了怎样用HTML制作个人介绍网页？相关的知识，希望对你有一定的参考价值。

你无须去记复杂的html语言，你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打开Netscape,在file菜单里选Edit
Page,便可以制作了.文字的处理基本跟Word没什么两样,关键是插入图片和产生链接.我们先做关于你自我介绍的一页，你先写上“大家好，我是superboy，下面是我的照片：”这时要放图片了，只须点击Insert菜单，选取Image,在Choosefile里选取你的图象文件即可，然后把这个文件保存为myself.html文件，放在myself的目录下。好，现在必须做封面了，你在封面写：“欢迎来到superboy的主页”以下是“自我介绍，我的爱好，我的工作”。你的自我介绍要链接到下一页去，你只须用鼠标选“自我介绍”后按鼠标右键
，再选create
link，然后再选你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 参考技术A 这个要用到DW软件来开发和制作

完整代码用HTML/CSS制作一个美观的个人简介网页

用HTML/CSS制作一个美观的个人简介网页——学习周记1

HELLO！大家好，由于《用HTML/CSS制作一个美观的个人简介网页》这篇笔记有幸被很多伙伴关注，于是特意去找了之前写的完整代码，久等啦~

整体结构

这个页面是在自己刚接触前端代码时使用HBuilder所作，以下是建立的项目及文件↓↓↓

完整代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>咸盐月饼的个人介绍</title>
		<style>
		body 
		
			background-image: url(img/背景2.jpg);
			background-size: cover;
		
		div.transbox
		
		  width: 1050px;
		  height: 420px;
		  margin: 90px 90px;
		  background-color: #ffffff;
		  border: 1px solid #FFFFFF;
		  opacity:0.8;
		
		
		h1 text-align: center;
		h2.ex1 margin-left:5cm;
		h3.ex1 margin-left:5cm;
		img.ex1margin-left:5cm;
		ptext-align: right;
		p.ex1margin-right: 2cm;
		pcolor:mediumpurple
		
		/*cc:change color*/
		a.cc:visited color:#0000ff;
		a.cc:hover color:#ffcc00;
		</style>
	</head>
	<body>
		<div class="background">
		<div class="transbox">
			
			<h1>个人简介</h1>
			<img src="img/头像.jpg" height="50px" width="50px" class="ex1" />
			<h2 class="ex1">咸盐月饼</h2>
			<h3 class="ex1">学号：**********</h3>
			<h3 class="ex1">班级：**********</h3>
			<h3 class="ex1">学院：电商与物流</h3>
			<h3 class="ex1">学校：<a class="cc" href="http://www.btbu.edu.cn/">北京工商大学</a></h3>
			<p class="ex1">这个人很懒，什么都没有留下......</p>
		</div>
		</div>
		<embed height="50" width="100" src="bgm/Sunburst.mp3">
	</body>
</html>

时隔两年，我终于又想起了这里，完善了两年前自己所做的第一篇笔记~前路漫漫亦灿灿，大家都要加油呀！

以上是关于怎样用HTML制作个人介绍网页？的主要内容，如果未能解决你的问题，请参考以下文章

基于HTML+CSS制作一个简单的家乡网页制作作业，广州介绍旅游网页设计代码学生个人html静态网页制作成品代码

HTML+CSS简单漫画网页设计成品蜡笔小新3页大学生个人HTML网页制作作品

完整代码用HTML/CSS制作一个美观的个人简介网页

怎么用html5制作个人主页

网页制作成品

学生HTML个人网页作业作品使用HTML+CSS+JavaScript个人介绍博客网站 web前端课程设计 web前端课程设计代码 web课程设计