HTML
来源：互联网 发布：秘鲁域名 编辑：程序博客网 时间：2024/05/21 15:48
今天是Html网页开发的第三天的学习，由于前两天没有网，今天把前两天的总结一下……
第一节课主要学了网页上文字的编辑这是代码
<html>
<head>
<title>文字网页</title>
</head>
<body>
<font ><center><strong>宋词欣赏</strong></center></font>
<hr noshade color="0000FF" >
江城子⋅密狩出猎
<p> 老夫聊发少年狂，左牵黄，右擎苍。锦帽貂裘，千骑卷平冈。
欲报倾城随太守，亲射虎，看孙郎。
<br><align=left>酒酣胸胆尚开张，并傲霜，又何妨；持节云中，何日前锋唐？会挽雕弓如满月，西北旺，射天狼。</p>
<hr noshade color="0000FF" align="left">
<font><left><strong>唐诗欣赏</strong></left></font>
<pre>
<font size="3"><strong>登鹳雀楼</strong>
白日依山尽，
黄河入海流。
欲穷千里目，
更上一层楼。</font>
</pre>
<hr width=80% noshade color="0000FF" align="left">
版权©：版权维权，违者必究。
<address>http://www.baidu.com</address>
<head>
<title>文字网页</title>
</head>
<body>
<font ><center><strong>宋词欣赏</strong></center></font>
<hr noshade color="0000FF" >
江城子⋅密狩出猎
<p> 老夫聊发少年狂，左牵黄，右擎苍。锦帽貂裘，千骑卷平冈。
欲报倾城随太守，亲射虎，看孙郎。
<br><align=left>酒酣胸胆尚开张，并傲霜，又何妨；持节云中，何日前锋唐？会挽雕弓如满月，西北旺，射天狼。</p>
<hr noshade color="0000FF" align="left">
<font><left><strong>唐诗欣赏</strong></left></font>
<pre>
<font size="3"><strong>登鹳雀楼</strong>
白日依山尽，
黄河入海流。
欲穷千里目，
更上一层楼。</font>
</pre>
<hr width=80% noshade color="0000FF" align="left">
版权©：版权维权，违者必究。
<address>http://www.baidu.com</address>
<html>
<head>
<title>大家好</title>
<!--注释<base href="http://www.sina.com.cn">
<meta >-->
</head>
<body bgcolor="red"text="blue">
<font size="7" topmargin="110" leftmargin="100"><b><u><i><s>新浪</s></i></u></b></font>
<p align="center">X<sub>2</sub>3<sup>2</sup></p>
<p align="right"><bdo dir="ltr">Here is some Hebrew rext</bdo></p>
<br><font size="2" color="FFFFFF" face="字体">> < " ¥ ® © &</font>
<br>价格:¥500元
<h1>静夜思</h1>
<pre><!--预定格式-->
床前明月光
疑是地上霜
举头望明月
低头思故乡
</pre>
<p>文字</p>
<p><blockquote cite="http://www.baidu.com">文字<blockquote><!--首行缩进--></p>
<p><hr size="粗细" width=50% noshade align="left">文字</p>
<center>向中对齐</center>
</body>
</html>
第二节课打的代码跟文字的段落有关
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body link="#0033FF" alink="#6600FF" vlink="#33FF00">
<a href="http://www.sina.com.cn" target="_blank">新浪</a>
<br/><a href="Untitled-1.html">Untitled-1.html</a><br/>
<p><a name="home">目录</a></p>
<a href="#first">第一章</a><br/>
<a href="#second">第二章</a><br/>
<a href="#third">第三章</a><br/>
<p><a name="first">第一章</a><br/>第一章<br/>第一章第一章第一章第一章第一章<br/>第一章<br/>第一章<br/>第一章<br/>第一章第一章第一章第一章第一章第一章<br/>第一章<br/>第一章<br/>第一章<br/>第一章第一章第一章第一章第一章第一章<br/>第一章<br/>第一章<br/>第一章<br/>
<p><a href="#home">回顶部</a></p>
<p><a name="second">第二章</a><br/>第二第一章第一章第一章第一章第一章章<br/>第二章<br/>第二章<br/>第二章第一章第一章第一章第一章第一章<br/>第二章<br/>第二章<br/>第二章<br/>第二章<br/>第二章<br/>第二章<br/>第二第一章第一章第一章第一章第一章章<br/>第二章<br/>第二章<br/>
<p><a href="#home">回顶部</a></p>
<p><a name="third">第三章</a><br/>第三章<br/>第三章<br/>第三章第一章第一章第一章第一章第一章<br/>第三章<br/>第三章<br/>第三章<br/>第一章第一章第一章第一章第一章第三章<br/>第三章<br/>第三章<br/>第三章<br/>第三章第一章第一章第一章第一章第一章<br/>第三章<br/>第三章<br/>
<p><a href="#home">回顶部</a></p>
<a href="Untitled-1.html#list">list</a><br />
<a href="mailto:freekiteyu@qq.com?subject=您好！&body=neirongjzkhczkjcbkjhckajcn">发邮件给我</a>
<a href="(20).gif" /><img src="(6).gif" border="0"/></a><br /><img src="自由稻草人.jpg" width="500" height="300" align="top" alt="图片" border="10" style="border-color:#F00" hspace="20" vspace="20"/>自由稻草人<br />
<img src="图片1.jpg" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="poly" coords="395,254" href="#" />
<area shape="poly" coords="386,238" href="#" />
<area shape="rect" coords="376,179,415,216" href="(20).gif" />
<area shape="poly" coords="341,276,345,277,343,274,343,273,341,269,335,237,378,251,396,291,365,295" href="(6).gif" />
</map>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body link="#0033FF" alink="#6600FF" vlink="#33FF00">
<a href="http://www.sina.com.cn" target="_blank">新浪</a>
<br/><a href="Untitled-1.html">Untitled-1.html</a><br/>
<p><a name="home">目录</a></p>
<a href="#first">第一章</a><br/>
<a href="#second">第二章</a><br/>
<a href="#third">第三章</a><br/>
<p><a name="first">第一章</a><br/>第一章<br/>第一章第一章第一章第一章第一章<br/>第一章<br/>第一章<br/>第一章<br/>第一章第一章第一章第一章第一章第一章<br/>第一章<br/>第一章<br/>第一章<br/>第一章第一章第一章第一章第一章第一章<br/>第一章<br/>第一章<br/>第一章<br/>
<p><a href="#home">回顶部</a></p>
<p><a name="second">第二章</a><br/>第二第一章第一章第一章第一章第一章章<br/>第二章<br/>第二章<br/>第二章第一章第一章第一章第一章第一章<br/>第二章<br/>第二章<br/>第二章<br/>第二章<br/>第二章<br/>第二章<br/>第二第一章第一章第一章第一章第一章章<br/>第二章<br/>第二章<br/>
<p><a href="#home">回顶部</a></p>
<p><a name="third">第三章</a><br/>第三章<br/>第三章<br/>第三章第一章第一章第一章第一章第一章<br/>第三章<br/>第三章<br/>第三章<br/>第一章第一章第一章第一章第一章第三章<br/>第三章<br/>第三章<br/>第三章<br/>第三章第一章第一章第一章第一章第一章<br/>第三章<br/>第三章<br/>
<p><a href="#home">回顶部</a></p>
<a href="Untitled-1.html#list">list</a><br />
<a href="mailto:freekiteyu@qq.com?subject=您好！&body=neirongjzkhczkjcbkjhckajcn">发邮件给我</a>
<a href="(20).gif" /><img src="(6).gif" border="0"/></a><br /><img src="自由稻草人.jpg" width="500" height="300" align="top" alt="图片" border="10" style="border-color:#F00" hspace="20" vspace="20"/>自由稻草人<br />
<img src="图片1.jpg" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="poly" coords="395,254" href="#" />
<area shape="poly" coords="386,238" href="#" />
<area shape="rect" coords="376,179,415,216" href="(20).gif" />
<area shape="poly" coords="341,276,345,277,343,274,343,273,341,269,335,237,378,251,396,291,365,295" href="(6).gif" />
</map>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<h1>星期中的每一天</h1>
<ul type="circle">
<li>星期一</li>
<li>星期二</li>
<li type="1">星期三</li>
<li>星期四</li>
<li>星期五</li>
<li>星期六</li>
<li>星期日</li>
</ul>
<ol type="a" start="4">
<li>星期一</li>
<li>星期二</li>
<li>星期三</li>
<li>星期四</li>
<li>星期五</li>
<li>星期六</li>
<li>星期日</li>
</ol>
<ul>
<li>体育
<ol type="i">
<li>足球</li>
<li>篮球</li>
<li>排球</li>
</ol>
</li>
<li>音乐
<ol type="a">
<li>民族</li>
<li>流行</li>
<li>古典</li>
</ol>
</li>
</ul>
<a name="list"></a>
<h1>A nested list</h1>
<ul>
<li>Caffe</li>
<li>Tea
<ul type="circle">
<li>Black Tea</li>
<li>Green Tea</li>
</ul>
</li>
<li>Milk</li>
</ul>
<h1>A nested list</h1>
<ul>
<li>Caffe</li>
<li>Tea
<ul type="circle">
<li>Black Tea</li>
<li>Green Tea
<ol type="1">
<li>China</li>
<li>Africa</li>
</ol>
</li>
</ul>
</li>
<li>Milk</li>
</ul>
<a href="Untitled-2.html#home">返回目录</a>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<h1>星期中的每一天</h1>
<ul type="circle">
<li>星期一</li>
<li>星期二</li>
<li type="1">星期三</li>
<li>星期四</li>
<li>星期五</li>
<li>星期六</li>
<li>星期日</li>
</ul>
<ol type="a" start="4">
<li>星期一</li>
<li>星期二</li>
<li>星期三</li>
<li>星期四</li>
<li>星期五</li>
<li>星期六</li>
<li>星期日</li>
</ol>
<ul>
<li>体育
<ol type="i">
<li>足球</li>
<li>篮球</li>
<li>排球</li>
</ol>
</li>
<li>音乐
<ol type="a">
<li>民族</li>
<li>流行</li>
<li>古典</li>
</ol>
</li>
</ul>
<a name="list"></a>
<h1>A nested list</h1>
<ul>
<li>Caffe</li>
<li>Tea
<ul type="circle">
<li>Black Tea</li>
<li>Green Tea</li>
</ul>
</li>
<li>Milk</li>
</ul>
<h1>A nested list</h1>
<ul>
<li>Caffe</li>
<li>Tea
<ul type="circle">
<li>Black Tea</li>
<li>Green Tea
<ol type="1">
<li>China</li>
<li>Africa</li>
</ol>
</li>
</ul>
</li>
<li>Milk</li>
</ul>
<a href="Untitled-2.html#home">返回目录</a>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<img src="(35).jpg" width="124" hight="176" align="left" hspace="10" vspace="10"/>
<p>1.子曰：富与贵是人之所欲也，不以其道得之，不处也。贫与贱是人之所恶也，不以其道得之，不去也。<br />2.曾子曰："吾日三省(xǐng)吾身：为人谋而不忠乎？与朋友交而不信乎？传不习乎？" （《学而》）<br />3.子贡问君子：子曰："先行其言而后从之。"<br />4.子曰：君子成人之美，不成人之恶。小人反是、
<img src="(37).jpg" width="124" hight="176" align="right" hspace="10" vspace="10"/></p>
5.子曰：富而可求也，虽执鞭之士。吾亦为之。如不可求、从吾所好。<br />6.子曰："见贤思齐焉，见不贤而内自省（xǐng）也。" （《里仁》）<br />7.子在齐闻《韶》，三月不知肉味，曰"不图为乐之至于斯也。"<br />8.曾子曰："士不可以不弘毅，任重而道远。仁以为己任，不亦重乎？死而后已，不亦远乎？" （《泰伯》）<br />9.（点）曰："莫春者，春服既成，冠者五六人，童子六七人，浴乎沂,风乎舞雩,咏而归。"夫子喟然叹曰："吾与点也！"<br />10.子贡问曰："有一言而可以终身行之者乎？"子曰："其恕乎！己所不欲，勿施于人。" （《卫灵公》）
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<img src="(35).jpg" width="124" hight="176" align="left" hspace="10" vspace="10"/>
<p>1.子曰：富与贵是人之所欲也，不以其道得之，不处也。贫与贱是人之所恶也，不以其道得之，不去也。<br />2.曾子曰："吾日三省(xǐng)吾身：为人谋而不忠乎？与朋友交而不信乎？传不习乎？" （《学而》）<br />3.子贡问君子：子曰："先行其言而后从之。"<br />4.子曰：君子成人之美，不成人之恶。小人反是、
<img src="(37).jpg" width="124" hight="176" align="right" hspace="10" vspace="10"/></p>
5.子曰：富而可求也，虽执鞭之士。吾亦为之。如不可求、从吾所好。<br />6.子曰："见贤思齐焉，见不贤而内自省（xǐng）也。" （《里仁》）<br />7.子在齐闻《韶》，三月不知肉味，曰"不图为乐之至于斯也。"<br />8.曾子曰："士不可以不弘毅，任重而道远。仁以为己任，不亦重乎？死而后已，不亦远乎？" （《泰伯》）<br />9.（点）曰："莫春者，春服既成，冠者五六人，童子六七人，浴乎沂,风乎舞雩,咏而归。"夫子喟然叹曰："吾与点也！"<br />10.子贡问曰："有一言而可以终身行之者乎？"子曰："其恕乎！己所不欲，勿施于人。" （《卫灵公》）
</body>
</html>
第三节课是框架
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<a href="http://www.126.com“ target="abc">新浪</a>
<iframe src="http://www.sina.com.cn" width="200" height="200" border="1" name="abc"></iframe>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<a href="http://www.126.com“ target="abc">新浪</a>
<iframe src="http://www.sina.com.cn" width="200" height="200" border="1" name="abc"></iframe>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<frameset rows="15%,*">
<frame src="top.html" scrolling="no"/>
<frameset cols="10%,*" >
<frame src="list.html" />
<frame src="01.html" name="right" />
</frameset>
</frameset><noframes></noframes>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>边城</title>
</head>
<body>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<frameset rows="15%,*">
<frame src="top.html" scrolling="no"/>
<frameset cols="10%,*" >
<frame src="list.html" />
<frame src="01.html" name="right" />
</frameset>
</frameset><noframes></noframes>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>边城</title>
</head>
<body>
</body>
</html>
- html
- html
- html
- HTML
- HTML
- html
- html
- html
- html
- HTML
- HTML
- Html
- html
- HTML
- html
- HTML
- HTML
- HTML
- Document对象的使用：getElementById()和getElementsByTagName()方法的使用练习
- ASP.NET 页生命周期概述
- Mysql5.5.9版本主从同步配置方法
- 监听软键盘
- 小波变换教程(三)
- HTML
- JS小程序....
- php实现相关文章功能代码方法
- Tomcat 屏蔽IP解决方案
- C++ primer读书笔记之表达式
- Objective-C函数消息机制的理解
- 小笨霖英语笔记本
- java.util.Arrays类
- ViewPager的PagerAdapter不可以更新数据
