勤奋、好学、不矜、不骄才是好女子

一些基础的html tag

上一篇 / 下一篇  2009-12-21 15:53:29

   html里,比较基础的tag主要用于标题、段落和分行。
例1:一个非常简单的html文件
<html>
<body>
这个一个非常简单的html文件。
</body>
</html>
例2:
<html>
<body>
<p>这是第一段。</p>
<P>这是第二段。</p>
<p>这是第三段。</p>
<p>在html里,用p来定义段落。</p>
</body>
</html>
正文标题:
html用<h1>到<h6>这几个tag来定义正文标题,从大到小。每个正文标题自成一段。
段落划分:
html里用<P>和</P>划分段落。
换行:
通常使用<br>,可以在不新建段落的情况下换行。
html注释:
注释可以写在<!--和-->之间,浏览器是忽略注释的,你不会再html正文中看到你的注释。
注意:
html文件会自动截取多余的空格,不管你加多少空格,都被看做一个空格,一个空行也被看多一个空格。
有些tag能够将文本自成一段,而不需要使用<p></p>来分段,比如<h1></h1>之类的标题tag
例3:
<html>
<body>
<p>
这一段
在源代码里
包含很多分行,
但是浏览器忽略
这些分行。
</p>
<p>
这一段       在浏览器里
包含    很多   空格,
但是    浏览器忽略多余空格。
</p>
<p>
你使用的浏览器的窗口大小决定了段落的行数。如果你改编浏览器窗口的大小,段落的行数会因此改变。
</p>
</body>
</html>
例4:换行
<html>
<body>
<p>
要<br>在一段<br>里<br>换行<br>请使用<br>br这个tag。
</P>
</body>
</html>
例5:正文标题:
<html>
<body>
<h1>第一个标题</h1>
<h2>第二个标题</h2>
<h3>第三个标题</h3>
<h4>第四个标题</h4>
<h5>第五个标题</h5>
<h6>第六个标题</h6>
</body>
</html>
例6:正文标题居中
<html>
<body>
<h1 align="center">这是标题</h1>
<p>上面的标题是剧中显示的。</p>
</body>
</html>
例7:加横线
<html>
<body>
<p>用hr这个tag可以在html文件里加一条横线。</P>
<hr>
<p>村妇想象皇宫的生活:皇后得用金扁担跳水吧。</p>
<hr>
<p>问:谁是世界上最可怜的人?答:炮兵连炊事班战士!问:为什么?答:戴绿帽背黑锅看别人打炮。</p>
<hr>
<p>初中某数学老师讲方程式变换,在讲台上袖子一挽大声喝道:同学们注意!我要变形了!……</p>
</body>
</html>
例8:背景演示
<html>
<body bgcolor="yellow">
<h2>看这个页面是黄色的。</h2>
</body>
</html>

TAG:

 

评分:0

我来说两句

Open Toolbar