[HTML]总结

        看书过程中,稍微联系了下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/>

	<!--处理网页中的特殊字符-->
	< ™ &reg; × &copy; § " >
	<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>


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值