看书过程中,稍微联系了下html,不难,上手很容易。一个网页文件可以有多个帧(frame)组成,帧链接到htm。即在写html代码时,一个网页可以由多个htm文件组成。代码写起来更加的类似“模块化”,也容易修改。
贴出点书上练习的代码,个人觉得对于html代码,看懂就行,真要写时,翻书翻资料,很快上手。
<html>
<head>
<title>主体背景设置</title>
</head>
<body>
<!--我的第一个网页完成了<br />
<img src="test.jpg" ><br />
网页制作如此简单<br/>-->
<body bgcolor="cf0000"><!--主体背景颜色设置-->
<!--<body background="test.jpg"><!--主体背景图片设置-->
<body style=" background:url(test.jpg) center no-repeat;"><!--主体背景图片位置设置-->
<body style=" background:url(test.jpg) repeat-x;"><!--主体背景图片位置设置,水平移动,repeat-y,垂直移动-->
<body leftmargin=0 topmargin=0>
<!--页面的整体边距设置,现在顶边距和左边距已经消除。-->
<p align="center">电影贺岁奇迹:《让子弹飞》评论专题</p><!--用<p>进行分段-->
<hr/><!--用<hr/>单标签实现分隔线来修饰段落排版,常用的属性有width,size,align,color和title-->
<p align="center">划电影时代刚刚开始</p>
<!-- :表现为一个英文空格,而中文字符占两个英文字符宽度,因而段落空两格,需要四个 -->
<p align="center"> 集四大影帝周润发、姜文、葛优及陈坤主演的英皇电影《让子弹飞》在内地上映4周劲收6亿元人民币。</p>
<!--在需要换行的位置使用单标签<br/>强制换行,反之,不需要换行的部分用双标签<nobr>和</nobr>包含。-->
<!--设置文字的对齐方式,<p>标签的对齐属性为align,通过设置align为left、right、或center来实现左对齐、右对齐和居中对齐。-->
<!--文字多样化设置 <font></font>-->
<br/>
浅蓝色文字:<font color="#0000dd" face="黑体" size="5">HTML学习的本质就是呵呵~</font><br/>
<em>这是斜体文字</em><br/> <!--也可以用<i></i> -->
<strong><b><u>这是粗体文字</u></b> </strong><br/>
<!--多种标题样式的使用h1...h6-->
<h1>一号标题</h1><br/>
<h2>二号标题</h2><br/>
<h3>三号标题</h3><br/>
<!--处理网页中的特殊字符-->
< ™ ® × © § " >
<br/>
<!--如何方便地忽略浏览器部分对html的解析:
使用<plaintext>单标签和<xmp></xmp>双标签,即在其后插入的代码将全部失效。
-->
<xmp>哈哈哈哈<<>> </br></xmp>
<br/>
<br/>
<!--其他的文字修饰方法
上标格式标签为双标签<sup></sup>
下标格式标签为双标签<sub></sub>
中画线标签为双标签<strike></strike>
-->
a<sup>n</sup>
<br/>
<strike>删除效果</strike>
<br/>
<!--设置文字滚动 <marquee></marquee>,其属性
1、direction用于设置文字内容滚动方向,left,right,up,down,表示四个滚动方向
2、scrollamount用于设置内容滚动速度
3、behavior用于设置内容滚动方式,默认为scroll,即循环滚动,当其值为alternate时,内容将来循环滚动,当其值为slide时,内容滚动一次即停止,不会循环,还有一个loop属性可设置其滚动循环次数。
4、scrolldelay属性用于设置内容滚动的时间间隔。
5、bgcolor属性用于设置内容滚动的背景色
6、width属性用于设置内容滚动背景宽度
7、height属性用于设置内容滚动背景的高度
-->
<marquee>做人要厚道</marquee>
<!--用于组织数据的列表-->
<ul>
<li>列表项一</li>
<li>列表项二</li>
<li>列表项三</li>
<li>列表项四</li>
<li>列表项五</li>
</ul>
<ol>
<li>Asp</li>
<li>Asp.net</li>
<li>PHP</li>
<li>CGI</li>
<li>Ruby</li>
<li>Python</li>
</ol>
<!--给文字添加链接用<a></a>,默认链接样式为蓝色,有下划线-->
<a href="index1.htm" taget="_blank" title="单击可跳转" >进入列表的设置页面</a>
<!--什么是锚(anchor),即用于在单个页面内不同位置的跳转,有的地方叫做书签 name属性用于定义锚的名称-->
<a name="top">这里是顶部的锚</a><br/>
<a href="#1">第一任</a><br/>
<a href="#2">第二任</a><br/>
<a href="#3">第三任</a><br/>
<h2>美国历届总统</h2>
<a name="1">这里是第一任的锚</a><br/>
name:乔治 华盛顿
<br/>
<br/>
<br/>
<a name="2">这里是第二任的锚</a><br/>
name:约翰 亚当斯
<br/>
<br/>
<br/>
<a name="3">这里是第三任的锚</a><br/>
name:托马斯 杰斐逊
<br/>
<br/>
<br/>
<!--电子邮件、FTP和Telnet的链接-->
<a href="mailto:823297222@qq.com">给我发email</a>
<a href="ftp://服务器域名或Ip地址">链接的文字</a>
<a href="telnet://服务器域名或Ip地址">链接的文字</a>
<!--插入多媒体资源,为网页添加背景声音吗,<bgsound/>标签有两个属性:src,loop,loop用于设置循环次数,如果设置成-1,则表示无线循环-->
<bgsound src="001.mp3" loop=-1>
<embed src="002.rmvb" width="400" height="300" autostart="true"></embed><!-- 该双标签可以支持多种音频和视频格式,格式播放取决于浏览器系统中的播放器,确保浏览者系统中的播放器支持网络上相应格式的多媒体资源播放-->
</body>
<!--<meta http-equiv="refresh" content="1;url=index1.htm "/>-->
</html>