HTML语言入门教程 

loading 分享 2026-9-2 下载文档

控制页面缓存:

浏览器一般为了节约时间,都在本地硬盘上保存一个网上的文件作为临时版本。在用户下次打开这个网页的时候,浏览器将会直接调用硬盘上的这个版本,而不是网上的。如果想让浏览者每次打开网页的时候都是看到的最新版本,那么就在网页上加上这一句吧! 定义语言:

我们可以通过这样的语句设定语言的编码方式。这样,浏览器就可以为我们正确的选择语言,不需要我们来选取。上面的例子显示的就是简体中文,如果想要显示繁体中文,将GB3212替换为BIG5就可以了。 刷新页面

这样的语句可以让我们的浏览器按照content属性中制定的时间来跳转到URL属性中设定的URL地址。上面的例子就是在打开页面60秒后调用一个新的页面new.htm。如果没有能够找到new.htm,浏览器就﹞执行刷新本页的操作。这也是大多数聊天室的设定方法。 link:

这个元素用来指定当前文档和其他文档之间的联接关系。 语法格式:

rel说明两个文档之间的关系;href说明目标文档名。以下是一个指定外联样式表文件的例子: 关于css层叠样式表,请查阅有关资料。 base:

用于定义文档提交是默认的外部资源。 语法格式:

href指定文档中链接到的所有文件默认的URL地址。在这里指定href的属性,所有的相对卢劲的前面都会加上href属性中的值。

target指定文档中所有链接的默认打开窗口。最常见的应用是在框架页(frame)中。我们要把Menu框架中的联接显示到content框架中,就可以在Menu的网页中加上属性上加上target属性了。 script:

标记用来在页面中加入脚本程序。 语法格式:

在language中一定要指定脚本语言的种类。如VBScript等。 style:

用来指定当前文档的css层叠样式表。css对于网页的字体样式、背景、边界等都有很大的应用。详细部分请大家参阅css有关内容。

这一次我给大家介绍html语言中的body的部分用法。

大家从各大门户网站的主页上就可以看出,body部分占据了大部分的代码。可见body是一个网页代码的绝对主要部分。body是由开始,由结束。下面我们看一下body部分的元素:

元素 bgcolor background text link alink vlink leftmargin topmargin 背景色 背景图案 文本颜色 链接文字颜色 活动链接文字颜色 已访问链接文字颜色 页面左侧的留白距离 页面顶部的留白距离 描述 下面介绍各个部分的功能及用法: bgcolor:

用于指定页面的背景颜色。在Microsoft公司的IE浏览器中,默认情况下是白色,Netscape公

司的Navigator浏览器的默认情况是灰色。 语法格式:

background属性用于指定页面的背景图案。 语法格式:

下面介绍几种文字的属性,可以改变文字的颜色,以及在页面上留出空白: text link alink vlink leftmargin topmargin

他们的作用分别是:非链接文字的颜色;可连接文字的颜色;正被点击的可链接文字的颜色;已被点击的可链接的文字的颜色;页面左侧的留白;页面顶部的留白。 语法格式:

body元素示例

这里显示body的示例。

link这样的属性,大多数html的页面已经不使用这样的用法了。现在多数是在head中加入

相应的代码。要达到的效果是鼠标放到有链接的字体上时,字体变色,点击后字体变为灰色。具体方法如下:

A:link {color:#00007f;} A:visited {color:#65038e;} A:active {color:#ff0000;} A:hover {color:#ff0000;}

将这段代码加入到head中,在body中加入有链接的文字,就可以看出效果了。这一部分是属于css中的知识。在body中加入有链接的文字:在Dreamweaver中,选定文字后,在下面的Properties中的link中加入想要链接到的页面的地址。在FrontPage中,选定文字后,点击右键就会有相应的选项。

第一课 基础

Html

是英文 HyperText Markup Language 的缩

写,中文意思是“超文本标志语言”,用它编写的文件(文档)的扩展名是.html或.htm,它们是可供浏览器解释浏览的文件格式。您可以使用记事本、写字板或 FrontPage Editor 等编辑工具来编写Html文件。Html语言使用标志对的方法编写文件,既简单又方便,它通常使用<标志名>来表示标志的开始和结束(例如标志对),因此在Html文档中这样的标志对都必须是成对使用的。

当我们畅游Internet时,我们透过浏览器所看到的网站,是由HTML (HyperText Markup Language) 语言所构成。HTML ( 超文件标记语言 )

(Tag),将影像、声音、

图片、文字等连结显示出来。

HTML标记是由 < 和 > 所括住的指令,主要分为 : 单标记指令、双标记指令 ( 由 < 起始标记 >,< / 结束标记 >所构成 ) 。HTML网页文件可由任何文本编辑器或网页专用编辑器编辑,完成后 ( 以 .htm 或 .html 为文件后缀保存 ) 将HTML网页文件由浏览器打开显示,若测试没有问题则可以放到服务器 (Server) 上,对外发布信息。 HTML文件基本架构 文件开始 标头区开始

... 标题区 标头区结束 本文区开始 本文区内容

本文区结束 文件结束 网页文件格式。

标头区 : 记录文件基本资料,如作者、编写时间。

标题区 : 文件标题须使用在标头区内,可以在浏览器最上面</p><p></p><div class="page"><ul><li><a href=c175y050yqg862m61dlfh_1.html>1</a></li><li><a href=c175y050yqg862m61dlfh_2.html class="hover" >2</a></li><li><a href=c175y050yqg862m61dlfh_3.html>3</a></li><li><a href=c175y050yqg862m61dlfh_4.html>4</a></li><li><a href=c175y050yqg862m61dlfh_5.html>5</a></li><li><a title=下一页 href=c175y050yqg862m61dlfh_3.html>>></a></li><li><a href=c175y050yqg862m61dlfh_10.html>10</a></li></ul></div></p> <br /> <p><script type="text/javascript">s("content-m-bot");</script></p> </div> <div class="m-pages"></div> <div class="down-word"> <div class="word-ico"></div> <div class="word-tit"> <span class="docx">HTML语言入门教程 .doc</span> <span>将本文的Word文档下载到电脑</span> <span><script type="text/javascript">s("content-m-down");</script></span> </div> <div class="word-pic"><a href="javascript:;">下载这篇word文档</a></div> </div> </article> <div class="art-prenext"> 搜索更多关于: <a class="title2" title="HTML语言入门教程 " href="s02002c025024rn1r9cg2ttm0k0po3v01203202q03703401n_1.html">HTML语言入门教程 </a> 的文档 </div> <div class="main-tab"><a class="on" href="javascript:;">相关推荐</a></div> <script type="text/javascript">s("content-m-like");</script> <div class="main-tab"><a class="on" href="javascript:;">相关阅读</a></div> <div class="tab-box"> <ul class="main-new on clearfix"> <li><a title="俄东正教的特点及其对白银时代宗教哲学的塑造" href=c4obf71ivdy17c183740a_2.html>俄东正教的特点及其对白银时代宗教哲学的塑造</a></li><li><a title="新人教版七年级下册数学知识点整理(最新最全)" href=c1mz3s2eexx2xn8u9whcj4n25q6nxtf004gf_1.html>新人教版七年级下册数学知识点整理(最新最全)</a></li><li><a title="锅炉烟气脱硫脱硝改造项目安全预评价报告" href=c2g3if8foto175ln25rob_22.html>锅炉烟气脱硫脱硝改造项目安全预评价报告</a></li><li><a title="每当我走过老师窗前音乐公开课教案" href=c3cdsz4cuei5zpak1cslt1is530855j00ict_1.html>每当我走过老师窗前音乐公开课教案</a></li><li><a title="刑法学研究中的若干关系" href=c4e70s26vre7tdil036d0_7.html>刑法学研究中的若干关系</a></li><li><a title="创业计划书 - 图文" href=c9887o96xsf7yqpo85ndu_5.html>创业计划书 - 图文</a></li><li><a title="打造高效课堂汇报材料" href=c15nst03u2e4uc568cqjj1x2cx44ea901abj_1.html>打造高效课堂汇报材料</a></li><li><a title="四川省岳池县第一中学八年级生物下册 第5单元 第2章 第1节 人类的起源学案 -" href=c3oeaz6snnp5gf8x599jl_2.html>四川省岳池县第一中学八年级生物下册 第5单元 第2章 第1节 人类的起源学案 -</a></li><li><a title="110KV线路继电保护课程设计" href=c020fh40ktf0fluh9bb2s_6.html>110KV线路继电保护课程设计</a></li><li><a title="閿呯倝鐑熸皵鑴辩~鑴辩鏀归犻」鐩畨鍏ㄩ璇勪环鎶ュ憡 - 鐧惧害鏂囧簱" href=c2g3if8foto175ln25rob_23.html>閿呯倝鐑熸皵鑴辩~鑴辩鏀归犻」鐩畨鍏ㄩ璇勪环鎶ュ憡 - 鐧惧害鏂囧簱</a></li> </ul> </div> </div> <footer class="footer"> <p class="bt-links"><a href="https://m.diyifanwen.net/">手机版</a><span class="v-line">|</span><a href="https://www.diyifanwen.net/">PC版</a></p> <p>Copyright © 2018-2023 第一范文网 版权所有<br/> 声明 :本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。<br>客服QQ:xxxxxx 邮箱:xxxxxx@qq.com<br> <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">渝ICP备2023013149号</a> </p> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?1e9741f8c1b2df70963b3e7f3680f749"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </footer> <!-- <div class="theme-popover"> <div class="theme-poptit"> <a href="javascript:;" title="关闭" class="close">×</a> <b>快捷下载通道</b>(下载后可以自由复制和排版) </div> <div class="theme-popbod dform"> <p class="downtit">开通<i>VIP会员</i>免费下载</p> <p class="downtip">VIP会员享受百万份文档免费复制和下载,是您最优的选择,价格低至0.3元/份,每月最高下载150份!</p> <div class="youke_pay"> <div class="uservip"><a href="https://www.diyifanwen.net/user/index.php">马上开通会员</a></div> </div> </div> <p class="tovip">单篇下载:<b style="color:red;">10元</b> (<span style="text-decoration: line-through;">原价:20元</span>) <a href="javascript:;" style="color:blue;">点击下载</a> </p> <p class="downtxt">注:下载文档有可能“只有目录或者内容不全”等情况,请下载之前注意辨别,如果您已付费且无法下载或内容有问题,请联系我们协助你处理。<br>微信:fanwen365 QQ:370150219</p> </div> </div> --> <div class="theme-popover-mask"></div> <script type="text/javascript"> //menu $(".header .menu").on("click", function(){ $("body").append("<div class=\"mask-bg menu-mask-bg\"></div>"); $(".menu-slide").show(); $("html,body").css({height:$(window).innerHeight(), overflow:"hidden"}); setTimeout(function(){ $(".menu-slide").css({transform:"translateX(-50px)"}); },50) }); $("body").on("click", ".menu-mask-bg", function(){ $(".menu-slide").css({transform:"translateX(-100%)"}); $(".menu-mask-bg").remove(); $("html,body").removeAttr("style"); setTimeout(function(){ $(".menu-slide").hide(); },300) }); //search $(".header .search").click(function(){ if($(".search-box").is(":hidden")){ $(this).children("i").removeClass("search-icon").addClass("close-icon"); $(".search-box").fadeIn("fast"); }else{ $(this).children("i").removeClass("close-icon").addClass("search-icon"); $(".search-box").fadeOut("fast"); } }); //nav if($(".nav").length > 0) { var nav = new Swiper(".nav",{ slidesPerView: "auto" }); } </script> <script type="text/javascript"> $(".user-login").click(function () { $(".drop-menu").toggle(); }); </script> <script type="text/javascript"> $(".pay1 img").click(function () { $(".wxpay").css("display", "block"); $(".alipay").css("display", "none"); $(".pay1 img").addClass("over"); $(".pay2 img").removeClass("over"); }); $(".pay2 img").click(function () { $(".wxpay").css("display", "none"); $(".alipay").css("display", "block"); $(".pay1 img").removeClass("over"); $(".pay2 img").addClass("over"); }); </script> <script type="text/javascript"> // var userinfo = function(data) { // if (data.code === "2" || data.code === "3") { // $(".word-pic a").click(function(){ // $(".theme-popover-mask").fadeIn(100); // $(".theme-popover").slideDown(200); // var downid = "175y050yqg862m61dlfh" // $(".tovip a").click(function(){ // var readurl = 'https://www.diyifanwen.net/plus/view.php&psrc='; // var downurl = 'https://www.diyifanwen.net/d.asp?id='; // var payurl = readurl; // payurl = payurl.replace('view.php', 'pay/pay.asp?id=175y050yqg862m61dlfh&p=2'); // var gotourl = payurl + downurl + downid // location.href = gotourl; // }) // }); // } // else{ $(".word-pic a").click(function(){ location.href = "https://www.diyifanwen.net/d.asp?id=175y050yqg862m61dlfh&p=2"; }); // } // } // $(document).ready(function($) { // $(".theme-poptit .close").click(function(){ // $(".theme-popover-mask").fadeOut(100); // $(".theme-popover").slideUp(200); // }); // }); </script> <script src="https://www.diyifanwen.net/js/zfb.js" type="text/javascript"></script> <script src="https://www.diyifanwen.net/user/check_level_m.php?callback=userinfo"></script> <script src="https://m.diyifanwen.net/js/gobacktop.js" type="text/javascript"></script> </body> </html>