• 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>
  • 相关阅读:
    前端知识点回顾之重点篇——ES6的async函数和module
    前端知识点回顾——Javascript篇(五)
    前端知识点回顾之重点篇——ES6的Iterator和Generator
    前端知识点回顾之重点篇——ES6的Promise对象
    前端知识点回顾——Javascript篇(四)
    前端知识点回顾之重点篇——JavaScript异步机制
    前端知识点回顾之重点篇——面向对象
    JS设计模式(9)享元模式
    JS设计模式(8)模板方法模式
    JS设计模式(7)组合模式
  • 原文地址:https://www.cnblogs.com/gaopeng527/p/4403550.html
Copyright © 2020-2023  润新知