HTML常用标记

HTML文档由4个主要标记组成，这4个标记是<html>、<head>、<title>和<body>。举例如下：

<html>
 <head>
   <title>HTML页面</title>
 </head>
 <body>
   <b>
     应用记事本编写HTML代码
   </b>
 </body>
</html>

1. 换行标记

在HTML语言中，换行标记为<br>。

<html>
 <head>
   <title>HTML页面</title>
 </head>
 <body>
   <b>
     应用记事本编写HTML代码
   </b><br>
     换行<br>
     你好!
 </body>
</html>

2. 段落标记

HTML中的段落标记也是一个很重要的标记，段落标记以<p>标记开头，以</p>标记结束。段落标记在段前和段后各添加一个空行，而定义在段落标记中的内容，不受该标记的影响。

3. 标题标记

在HTML页面中创建不同级别的标题，可以使用HTML语言中的标题标记。在HTML标记中，设定了6个标题标记，分别为<h1>至<h6>，其中<h1>代表1级标题，<h2>代表2级标题......<h6>代表6级标题。数字越小，表示级别越高，文字的字体也就多大。标题要以<h1>开头</h1>结束。

4. 居中标记

HTML页面中的内容有一定的布局方式，默认的布局方式是从左到右依次排序。如果要想让页面中的内容在页面的居中位置显示，可以使用HTML中的<center>标记。<center>标记以<center>标记开头，以</center>标记结尾。标记中的内容为居中显示。

5. 文字列表标记

HTML语言提供了文字列表标记，文字列表标记可以将文字以列表的形式依次排列。通过这种形式可以更加方便网页的访问者。HTML中的列表标记主要有无序列表和有序列表两种。

5.1 无序列表

　　无序列表是在每个列表项的前面添加一个圆点符号。通过符号<ul>可以创建一组无序列表，其中每一个列表项<li>表示。下面的实例演示了无序列表的应用：

<html>
   <head>
    <title>无序列表标记</title>
   </head>
   <body>
    编程词典有以下几个品种：
   <p>
   <ul>
      <li>Java编程词典
      <li>VB编程词典
      <li>.net编程词典
      <li>C#编程词典
   </ul>
   </p>
   </body>
</html>

5.2 有序列表

有序列表和无序列表的区别是，使用有序列表标记可以将列表项进行排号。有序列表的标记为<ol>，每一个列表项前使用<li>。有序列表中项目项是有一定顺序的。下面对上面的例子使用有序列表进行排序：

<html>
   <head>
    <title>无序列表标记</title>
   </head>
   <body>
    编程词典有以下几个品种：
   <p>
   <ol>
      <li>Java编程词典
      <li>VB编程词典
      <li>.net编程词典
      <li>C#编程词典
   </ol>
   </p>
   </body>
</html>

posted @ 2015-04-08 20:33 ~风轻云淡~ 阅读(12058) 评论(0) 编辑收藏举报

刷新页面返回顶部