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>
View Code

 

                                           

             内联样式：

                           <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>

 

   

posted on 2013-11-20 21:50  yujian_bcq  阅读(192)  评论(0)  编辑  收藏  举报

导航