HTML练习2一些基础的HTML Tag
程序:
<html>
<body>
这是一个非常简单的HTML。
</body>
</html>
结果:
这是一个非常简单的HTML。
2.2、HTML简单段落
程序:
<html>
<body>
<p>这是第一段。</p>
<p>这是第二段。</p>
<p>这是第三段。</p>
<p>在HTML里,用p来定义段落。</p>
</body>
</html>
结果:
这是第一段。
这是第二段。
这是第三段。
在HTML里,用p来定义段落。
2,3在HTML写多个段落
程序:
<html>
<body>
在源代码里
包含很多分行,
但是浏览器忽略
这些分行。
</p>
<p>
这一段在浏览器里
包含很多空格,
但是浏览器忽略多余空格。
</p>
<p>
你使用的浏览器的窗口大小决定了段落的行数。如果你改编浏览器窗口的大小,段落的行数会因此改变。</p>
</body>
</html>
结果:
这一段在源代码里包含很多分行,但是浏览器忽略这些分行。
这一段在浏览器里包含很多空格,但是浏览器忽略多余空格。
你使用的浏览器的窗口大小决定了段落的行数。如果你改编浏览器窗口的大小,段落的行数会因此改变。
2.4在HTML里如何换行
程序:
<html>
<body>
<p>
要<br>在一段<br>里<br>换行<br>请使用<br>br这个Tag。
</p>
</body>
</html>
结果:
在一段
br这个Tag。
2.5HTML正文标题
程序:
<html>
<body>
<h1>这是1号标题</h1>
<h2>这是2号标题</h2>
<h3>这是3号标题</h3>
<h4>这是4号标题</h4>
<h5>这是5号标题</h5>
<h6>这是6号标题</h6>
</body>
</html>
结果:
这是1号标题
这是2号标题
这是3号标题
这是4号标题
这是5号标题
这是6号标题
2.6HTML居中显示的标题
程序:
<html>
<body>
<h1align="center">这是标题</h1>
<h2align="right">在右边</h2><!—align排列;排成一行-->
<h2align="left">在左边</h2>
<p>上面的标题是居中显示的。</p>
</body>
</html>
结果:
这是标题
上面的标题是居中显示的。
2.7在HTML里加一条横线
程序:
<html>
<body>
<p>用hr这个Tag可以在HTML文件里加一条横线。</p>
<hr>
<p>村妇想像皇宫的生活:皇后得用金扁担挑水吧。</p>
<hr>
<p>问:谁是世界上最可怜的人?答:炮兵连炊事班战士!</p>
<hr>
<p>初中某数学老师讲方程式变换,在讲台上袖子一挽大声喝道:同学们注意!我要变形了!……</p>如何制作网页代码
</body>
</html>
结果:
用hr这个Tag可以在HTML文件里加一条横线。
村妇想像皇宫的生活:皇后得用金扁担挑水吧。
问:谁是世界上最可怜的人?答:炮兵连炊事班战士!
初中某数学老师讲方程式变换,在讲台上袖子一挽大声喝道:同学们注意!我要变形了!……
2.8HTML文件的代码注释
程序:
<html>
<body>
<!--这是代码注释-->
<p>代码注释是不会显示在网页里的。</p> </body>
</html>
结果:
代码注释是不会显示在网页里的。
2.9HTML背景颜
程序:
<html>
<body bgcolor="yellow">
<h2>看,这个页面是黄的。</h2>
</body>
</html>
结果:
看,这个页面是黄的。
3.跳动的文字
1)让文字左右跳动
<html>
<body>
<script language="JavaScript">
<!--
//设置步长
step=4;
function anim(yp,yk)
{
//div距离左侧的距离
document.all["napis"].style.left=yp;
//左移步长
if(yp>yk)step=-4;
/
/右移步长
if(yp<60)step=4;
//每5毫秒运行本函数
setTimeout('anim('+(yp+step)+','+yk+')',5); }