步骤/方法选择好要建站的主题,比如母亲节。然后考虑建几个页面,比如建两个页面,一个首页母亲节页面,一个注册页面。/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方面的书看一看。