当前位置: 首页 网站模板

个人网站怎么制作HTML(html网页制作入门:怎么制作一个网页?)

时间:2024-06-07 作者: 小编 阅读量: 1 栏目名: 网站模板 文档下载

步骤/方法选择好要建站的主题,比如母亲节。然后考虑建几个页面,比如建两个页面,一个首页母亲节页面,一个注册页面。/font/th/tdtrtdalign=rightpnbspnbspnbsp节日起源于古希腊。/tdpnbspnbspnbspnbsp到古罗马时,这些活动的规模就变得更大,庆祝盛况往往持续达三天之久。当然,古时人们对女神的崇拜只不过是一种迷信,它同今天人们对母性的尊敬是大不相同的。/lip永恒的爱/pli组成:20枝粉色康乃馨,绿叶,石松,满天星,粉红色不问包装纸,红色丝带。

制作Html语言网站全攻略

电子信息时代,会制作一个简单的网站是网络时代新人的必备素质。下面以我制作的一个以母亲节为主题的静态网站来了解Html语言网站的基本制作过程。
步骤/方法
选择好要建站的主题,比如母亲节。然后考虑建几个页面,比如建两个页面,一个首页母亲节页面,一个注册页面。

在一个盘符下建一个站点,在站点内建一个文件夹命名为images,找好自己需要的图片,需要的话可以通过Photoshop、Flash等工具处理一下,然后把它们存放在该文夹里。

在桌面上建一个文本文档,然后开始第一个页面首页的Html代码编写,如下:html head title母亲节1/title /head body bgcolor="11ca11"div id="butong_net_right" table cellpadding="0" cellspacing="0" border="0" trtd id="butong_net_right1" valign="top" align="center" table cellpadding="2" cellspacing="0" border="0" tr align="center" tdimg src="images/12.jpg" width="40"/td tdimg src="images/13.jpg"width="40"9/td /tr /table /td td id="butong_net_right2" valign="top"/td /tr /table /div script var speed=30 butong_net_right2.innerHTML=butong_net_right1.innerHTML function Marquee4(){ if(butong_net_right.scrollLeft=0) butong_net_right.scrollLeft+=butong_net_right2.offsetWidth else{ butong_net_right.scrollLeft-- } } var MyMar4=setInterval(Marquee4,speed) butong_net_right.onmouseover=function() {clearInterval(MyMar4)} butong_net_right.onmouseout=function() {MyMar4=setInterval(Marquee4,speed)} /script table align="center"img src="images/4.jpg" width="900" height="50" p table align="center" a href="sj.html" 中华母亲节首页/a pmarquee color="red" face="仿宋体"欢度母亲节!/marquee/p a href="免费注册.html" nbsp|nbsp免费注册 /aa href="#" nbsp|nbsp/aa href="jierizhufu.html"nbsp|nbsp节日祝福/aa href="guanyumuqinjie.html"nbsp|nbsp关于母亲节/aa href="lianxi.html"nbsp|nbsp联系我们/aa href="http://zgtkgl.net//a/table/table/p br ph1节日起源:/h1/p table trmarqueebehavior=#img src="images/8.jpg" width="130" height="160"marquee behavior=scrollimg src="images/5.jpg" width="130" height="160"/marquee img src="images/3.jpg" width="130" height="160" thfont color="blue" size="6px"健康幸福!/font/th/p td pre thfont color="blue" size="6px"健康幸福!/font/th/td trtd align=rightpnbspnbspnbsp节日起源于古希腊。在这一天,古希腊人向希腊众神之母希布莉(Cybele,宙斯、波塞冬、哈德斯、得墨忒耳、赫拉和赫斯提亚的母亲,故称众神之母)致敬。/td pnbspnbspnbspnbsp到古罗马时,这些活动的规模就变得更大,庆祝盛况往往持续达三天之久。当然,古时人们对女神的崇拜只不过是一种迷信,它同今天人们对母性的尊敬是大不相同的。在17世纪中叶,母亲节流传到英国,英国人把封斋期的第四个星期天作为母亲节。/p td在这一天里,出门在外的年轻人将回到家中,给他们的母亲带上一些小礼物。/td p1876年,美国还在悲悼南北战争的死者。安娜·查维斯夫人送给天下所有的母亲,母亲节快乐! 在礼拜堂讲授美国国殇纪念日的课程,讲到战役中捐躯的英雄故事后,她进行祈祷时说:“但愿在某处、某时,会有人创立一个母亲节,纪念和赞扬美国与全世界的母亲。” /p/td /pre pre table trth pimg src="images/8.jpg" width="200" height="200" overflow="right"/p/th thfont size="4px" face="黑体" color="白色"物品:/font pfont size="zopx"color="red"face="黑体"br 玫瑰nbsp;|康乃馨|nbsp;nbsp/font /p/th /table pfont size="3px" face="隶书" color="yellow"节日习俗/font/p /br hr width="900px" color="brown" size="3px" h1母亲节的花语/h1 p真情不变:/p li组成:11枝粉色康乃馨,1枝多头白香水百合,满天星,百草,内层粉色面棉纸包装,外层粉色皱纹纸包装,淡紫色缎带打结。 圆形花束。/li p永恒的爱/p li组成:20枝粉色康乃馨,绿叶,石松,满天星,粉红色不问包装纸,红色丝带。/li p母恩永远/p li组成:2枝火百合+18枝康乃馨 您曾说坚持不一定成功,但放弃的结果一定是失败。/li pimg src="images/1.jpg" width="500px" height="300px" alt="祝福"/p p节日赞语br img src="images/9.jpg" li无论我现在怎么样,还是希望以后会怎么样,都应当归功于我天使一般的母亲。我记得母亲的那些祷告, 他们一直伴随着我,而且已经陪伴了我一生。 ——亚伯拉罕.林肯/li /p p font color="#FFA275" size="+6"中国母亲/fontbr font face="新宋体" color="#FF0000" size="4"幸福安康/font /p /pre td pre pimg src="images/7.jpg" width="200" height="200"/p/td tdp伟大产生于此/p p美丽的天使 /p p真心呵护 /p p 真爱一生 /p p您辛苦了 /p /pre /td /tr /table hr size="12"color="red"width="1250" ptable align="right"h4 关于我们nbsp|nbsp合作网站nbsp|nbsp法律声明nbsp|nbsp联系我们/h4/p hr width="950px" color="gray" size="3px" center版权信息:Copyright copy;nbsp;1998-2011nbsp;TENCENTnbsp;Inc.All Rights Reserved/center ul type="a" /body /html //注:当然网页中的内容可以根据自己的设计添加。 完成后在文本文档页点击最上方标题栏的文件,然后选择另存为:母亲节.html。

接着做另一个页面:注册页面,同样是在空白文本文档里写入代码,如下: html head title免费注册/title script type="text/javascript" function ShowMessage() { if(document.getElementById("txtName").value=="") { alert("请输入用户名!"); return false; } else if(document.getElementById("txtPwd").value=="") { alert("请输入用户密码!"); return false; } } /script /head body a href="javascript:goto_page();"欢迎光临/a /body script //预定义页面 var link_a = "file:///D:/母亲节/muqin.html"; var link_b = "file:///D:/母亲节/母亲节.html"; //执行方法 function goto_page(){ if(window.confirm("点击确定进入muqin页面,取消进入母亲节页面。")){ location.href = link_a; }else{ location.href = link_b; } } /script form method="post" action=":/ww/text" 用户名:input id="txtName" type="text" / br / 密 码: input id="txtPwd" type="text" / br / 请在下列付款方式中任选一项: br input type="radio" name="x1" value="电子汇款" checked 电子汇款 input type="radio" name="x1" value="现金汇款" checked现金汇款 input type="radio" name="x1" value="邮件汇款" checked邮件汇款 br 请在下列列表中选择节日花的种类: br input type="checkbox" name="x1" value="康乃馨"康乃馨 input type="checkbox" name="x1" value="郁金香"郁金香青菜 input type="checkbox" name="x1" value="玫瑰"玫瑰 input type="checkbox" name="x1" value="香水百合"香水百合 br select name="x2" size=12 multiple option幸福 option快乐 option健康 option好运 /select br textarea name="x3" rows=18 cols=39你的要求: /textarea center nbspnbspinput id="Button1" type="button" value="确定" onclick="return ShowMessage()" /nbspnbspnbsp input type="reset" value="重置" /center /form /html 完成后同样是在文本文档页点击最上方标题栏的文件,然后选择另存为:免费注册.html。

将这两个页面链接起来,可以在母亲节页面的导航里将免费注册做一个超级链接,链接到免费注册页面,具体代码为:a href="免费注册.html" nbsp|nbsp免费注册 /aa href="#" nbsp|nbsp/a //注:这行代码是在母亲节页面查看源文件的body/body里设置的。

至此一个以母亲节为主题的简单的HTML语言网站制作完成了。然后测试一下,需要时可以调整下布局。

html网页制作入门:怎么制作一个网页?

新建一个文本在里面写上内容然后保存退出然后把文件后辍修改成html就可以

打开一个文本文档,粘贴一下内柔

<head><metahttp-equiv=\"Content-Type\"content=\"text/html;charset=UTF-8\"/><title>只做选择题</title>
<script>
functionis(){
if(document.getElementById(\"aaa\").value==1){alert(\"错误\");}else{alert(\"正确\");}}</script>
</head>
<body>
<div>
<div><h1>网页设计好</h1></div>
<div><inputtype=\"radio\"id=\"aaa\"value=\"0\"/>是的
<inputtype=\"radio\"id=\"aaa\"value=\"1\"/>不是
<inputtype=\"button\"value=\"确定\"onclick=\"is();\"/>
</div>
</div>
</body>
</html>

点击另存为,保存类型为所有文件

直接在记事本上写html代码就可以了。很简单。建议你看看html的基础知识。

方法/步骤

1

1、打开“记事本”软件,在记事本中输入以下代码。

<html>

<title>

这是网页标题

</title>

<body>

这是网页正文

</body>

</html>

2

单击“文件”——“保存”按钮。(快捷键为Ctrl+S)

3

1、弹出“另存为”对话框,依次选择“保存类型”为“所有文件”,文件后缀名为“html”格式或“htm”格式,然后保存文件。

4

1、一个最简单的网页文件便制作完成。

END

注意事项

html、title、body等等都是网页标签,标签还有很多,不过用法基本上都是像以上一样。

用记事本创建网页不需要用到专业的软件。

如果还不太明白看附件里面给你的视频看下

一、基本概念

1.什么是HTML?

HTML是用来描述网页的一种语言。

HTML指的是超文本标记语言(HyperTextMarkupLanguage)

HTML不是一种编程语言,而是一种标记语言(markuplanguage)

标记语言是一套标记标签(markuptag)

HTML使用标记标签来描述网页

2.HTML标签

HTML标记标签通常被称为HTML标签(HTMLtag)。

HTML标签是由尖括号包围的关键词,比如

HTML标签通常是成对出现的,比如和

标签对中的第一个标签是开始标签,第二个标签是结束标签

开始和结束标签也被称为开放标签和闭合标签

3.HTML文档=网页

HTML文档描述网页

HTML文档包含HTML标签和纯文本

HTML文档也被称为网页

Web浏览器的作用是读取HTML文档,并以网页的形式显示出它们。浏览器不会显示HTML标签,而是使用标签来解释页面的内容。

二、常用标签

1.好了,废话不多说,先来看一个例子,打开记事本输入以下字段,保存为html格式:

例子解释:前面为开始标签,后面是结束标签

2.常见的一些标签

随意编写了一个HTML网页,大家可以参考。

<!DOCTYPEhtml>

<html>

<head>

<metahttp-equiv=\"Content-Type\"content=\"text/html;charset=gb2312\">

<title>selenuim弹窗</title>

</head>

<body>

<divalign=\"center\">

<h4>一起测试吧</h4>

<inputtype=\"button\"onclick=\"jianjian()\"value=\"带输入框的弹窗\"/>

<spanid=\"textSpan\"></span>

<divalign=\"center\">

<fontcolor=\"red\"size=\"6\">

<p>DOTA是什么:

<ahref=\"=\"\";

con=prompt(\"输入1为OK,输入2为false\");

if(con==1){

document.getElementById(\"textSpan\").innerHTML=\"<font>OK</font>\";

}elseif(con==2){

document.getElementById(\"textSpan\").innerHTML=\"<font>都说了false还输入啊</font>\";

}else{

document.getElementById(\"textSpan\").innerHTML=\"<font>您没有按要求输入,请重新输入</font>\";

}

}

</script>

</html>



如果想学习做网页,还是需要系统买本html方面的书看一看。

怎样制作个人网页

■制作个人网页的步骤 一、准备材料 你首先做一个小计划,准备在主页上告诉人家什么?比如介绍三个方面:自我介绍,我的爱好,我的工作,那你就先起一个总目录(文件夹,比如d:\html),来放你的所有文件,然后再在这个目录建立三个子目录:myself,interest,job。文件名你可以任意,但最好全部小写,因为有的主机要认大小写。然后将你的材料copy进相应的子目录。比如你要在你的主页里展示你的靓照,那就将你的照片扫描成JPG格式的文件,放在myself的目录下. 要注意,网上只能使用JPG和GIF两种图象格式,其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但你可以用图象软件进行转换,比如Office 97的照片编辑器。把你准备在你主页上出现的图象放进相应的目录里后,你就可以开始制作了。 二、开始制作 你无须去记复杂的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格式的文件,细细研究人家是如何做的。还可以借用网页模版来搞,我的就是~~~~~~ 三、将你制作好的安放在网上 要在网上安你自己的家,你必须先申请一个主页空间,即向某一个主机申请一快硬盘空间。现在有较多的主机提供免费主页空间,具体见实用链接栏目。这些主机不仅提供免费个人主页空间,并且还提供留言簿、计数器等很有用的功能。只要到有关站点申请即可,具体方法,参考相关题目。申请完成以后用FTP将你所有的主页文件上传至主机指定的目录就可以了! 需要注意的是,一定要保持网页的相对位置,否则会看不到网页的,有很多朋友都问我:为什么我的网页传上去了可是看不到,老是出现网页错误呢?其实他们都是因为位置的问题,只要把位置改动一下就可以的了。 参考资料:http://www.nease.net/xhelp/

个人网页怎么制作?

从这儿开始 如果你对于个人网页很陌生,不知道该从哪里开始着手去做,那么就请按照下面所说的去做,你不需要具备网站建设知识,甚至不需要了解或使用任何编码,就能够创建属于你自己的个人网页。 把你的站点发布到网上 简易的站点主机——网上有一些免费的网络主机服务,它们能为你提供一种简单的方式,使你利用在线的简单的设计编辑器或使用模板来制作一个个人网站。你所要做的全部内容就是撰写你的网页内容,而不需要编码。 博客主机——如果你想要创建一个博客,那么有一些站点是你应该考虑的。它们很容易学会,也不需要任何技术性的知识。 除了网页和博客以外 档案站点——像MySpace这样的网站,可以让你创建一个在线的个人空间,你可以在这个空间内和互联网上的其它人进行交流。 你可以添加几张照片,告诉别人关于你自己的事情。 在线相簿——把你的数码相片放到网上,创建你自己的个人在线相簿。 Wiki——另一种形式的网站。Wiki是一个既允许你,也允许你的访客更新你的站点的网站。你来选择主题,他们帮你写内容。 制作在线网页 网站制作程序——当你想要制作你的网站的时候,你可以使用一个与你的网络主机服务一起供给的在线编辑器,或者你可以买一个你自己的程序来在你的电脑上设计网页。如果你想要创建属于自己的网页,那么互联网上有许多这样的程序可供选择。 上传网页——如果你决定在你的电脑上制作而不是在线制作你的网页的话,那么,在完成制作后你需要使用某种方法把你的网页上传到你的网络主机服务器上去。许多主机服务提供给你了这样的程序,来帮你实现这一点,但是有的却没有。如果你的主机服务提供商没有给你提供这种程序的话,你会需要一个这样的程序。 图形 所有关于添加图形的事情——这里有你所需要知道的如何开始向网页中添加图形的全部内容。了解如何链接到你的图形,如何把它们从网络上下载下来,如何从你的网站上把它们上传上去以及其它。 免费在线剪辑艺术——你可以在你的个人网站上免费使用的图形。下载这些图形,把它们添加到你的网页上,来营造一个更加个性化的网站外观。 模板和娱乐 复制/粘贴模板——如果你想让你的网页看上去是某一样子的你可以利用模板来设计它。拷贝下代码,把它粘贴到你的HTML编辑器中。然后在空白处填上你自己的个人网页上想要的内容。 添加在线挂件/附件——如果你想要在你的网站上添加些有趣的东西,试试这些。天气预报,游戏,占星,地图等许多东西你都可以尝试下。