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>
原文地址:https://www.cnblogs.com/gaopeng527/p/4403550.html