熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> .NET編程 >> 正文

ASP.NET入門教程 3.1靜態頁面設計[2]

2022-06-13   來源: .NET編程 

    ()為了完成這個示例作者添加了一些文本和圖片下面的代碼是頁面完成後的版本可以從wwwworxcom下載到該代碼──注意<body>標記的style屬性

 

<body style=color: darkolivegreen; fontfamily: georgia>

  This is a simple static web page with an image and some interesting information

  about some places I have been:<br />

  <br />

  <table cellspacing= cellpadding= border=>

    <tr>

      <td>

        <img src=c:\BegASPNET\Chapter\azoreschurchjpg height= /><br />

        A church near Faja Grande a small town on the westernmost edge of Flores one

        of the islands in the Azores

      </td>

      <td>

        <img src=c:\BegASPNET\Chapter\budapestjpg height= /><br />

        A view of old parts of Budapest (Hungary) across the Danube</td>

    </tr>

    <tr>

      <td style=height: px>

        <img src=c:\BegASPNET\Chapter\sirmionejpg width= /><br />

        A castle on the end of a peninsula on the shores of Lake Garda Italy</td>

      <td style=height: px>

        <img src=c:\BegASPNET\Chapter\bullringjpg width= /><br />

        Selfridges at the Bullring shopping centre a truly remarkable piece of architecture

        in Birmingham UK<br />

      </td>

    </tr>

  </table>

</body>

    在向頁面添加內容完成之後可以按下Cta+F查看該頁面

    操作回顧

    在學習本章的過程中您將更加熟悉在設計窗口中添加布局元素的技術可以在屏幕右邊的Properties窗格中修改屬性或者手工修改代碼靜態元素例如本例中使用的這些(<body>標記內的簡單文本框表格以及圖片)在靜態和動態頁面中都可以使用而且理解怎樣添加和整合這些元素是創建動態Web應用程序的一部分

    在這個示例中練習了怎樣使用HTML進行簡單的頁面布局例如將頁面上的元素放置在HTML表格中每個表格單元中都包含了一些文本和圖片

 

<td>

        <img src=c:\BegASPNET\Chapter\azoreschurchjpg height= /><br />

        A church near Faja Grande a small town on the westernmost edge of Flores one

        of the islands in the Azores

      </td>

    這個頁面的<body>標記附帶了一些樣式這些樣式指定了頁面的顏色和文本的字體
    <body style=color: darkolivegreen; fontfamily: georgia>

    這些屬性將應用於<body的開標記和閉標記之間的所有元素上也就是頁面上所有可見的內容

    如果不熟悉這些內容不必擔心──下一小節將扼要介紹HTML以幫助您理解這些內容

ASPNET 入門教程完整版

[]  []  


From:http://tw.wingwit.com/Article/program/net/201311/14959.html
    推薦文章
    Copyright © 2005-2022 電腦知識網 Computer Knowledge   All rights reserved.