html base1

标题:

标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。

<h1> 定义最大的标题。<h6> 定义最小的标题。

段落:

<p align="absbottom"> <br /></p>

HTML 文本格式化:

HTML样式:结合css:

外部访问方式:

<link> 定义资源引用。

#gg{
                        color: #710909;
                        font-weight: bold;
                        font-size: 50px;
                              }

<head>
                     <link rel="stylesheet" type="text/css" href="../css/styled.css" />
                              </head>

<body><h3 id="gg"> I am your sister</h3></body>

内部访问方式:

<head>
                      <style type="text/css">
                          body {background-color: red}
                      p {margin-left: 20px}
                      </style>

                               </head>

<head>   <meta charset="utf-8">   <style type="text/css">    h2 {     color: #FFFFFF;     font-size: 200%;     font-family: "Book Antiqua";    }    a {     font-family: "Bodoni MT";     margin: 10ps;     padding: 10os;    }

   #back {     background-color: gray;    }

   #textcolor {     font-size: 150%;     color: #FFFFFF;    }

  </style>

 </head>

 <body id="back">

  <h2 align="center">Wanna Make a Deal?</h2>

  <p align="center" id="textcolor">    There are three doors. Behind two doors there are BAD THINGS.    <br />    Behind one door is an AWESOME THING.    <br />    Choose a door...   </p>   <div align="center">    <a><img src="../Image/blue_door.png" /></a>    <a><img src="../Image/orange_door_fire.png" /></a>    <a><img src="../Image/green_door.png" /></a>   </div>  </body>

内联样式:

<p style="color: red; margin-left: 20px">
                                    This is a paragraph
                           </p>

HTML 链接:

<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>

HTML 图像

<p>
                来自 W3School.com.cn 的图像:
              <img src="http://www.w3school.com.cn/i/w3school_logo_white.gif" />
            </p>

上一篇:完全使用一组 DSL 来操作 Grid 控件


下一篇:PHP 给前面或者后面添加0补位