asp.net

位置:IT落伍者 >> asp.net >> 浏览文章

ASP.NET入门教程 3.1静态页面设计[2]


发布日期:2023年07月09日
 
ASP.NET入门教程 3.1静态页面设计[2]

)为了完成这个示例作者添加了一些文本和图片下面的代码是页面完成后的版本可以从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 入门教程完整版

[] []

               

上一篇:单点登录在ASP.NET上的简单实现[2]

下一篇:ASP.NET入门教程 3.1静态页面设计[1]