ASP.NET动态网站制作（1）--html
2015-09-17 13:19
302 查看
前言：正式上课的第一课，讲的是前端部分的最基础内容：html。
前端：html，css，js
数据库：sql server
动态部分：.net，c#...
IIS（Internet Information Services）互联网信息服务，是一个World Wide Web server。Gopher server和FTP server全部包容在里面。 IIS意味着你能发布网页，并且有ASP（Active Server Pages）、JAVA、VBscript产生页面，有着一些扩展功能。IIS支持一些有趣的东西，像有编辑环境的界面（FRONTPAGE）、有全文检索功能的（INDEX SERVER）、有多媒体功能的（NET SHOW） 其次,IIS是随Windows NT Server 4.0一起提供的文件和应用程序服务器，是在Windows NT Server上建立Internet服务器的基本组件。它与Windows NT Server完全集成，允许使用Windows NT Server内置的安全性以及NTFS文件系统建立强大灵活的Internet/Intranet站点。IIS是一种Web（网页）服务组件，其中包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器，分别用于网页浏览、文件传输、新闻服务和邮件发送等方面，它使得在网络（包括互联网和局域网）上发布信息成了一件很容易的事。
重点：1.HTML(Hyper Text Makeup Language)即超文本标记语言，是客户端和服务器端通信的方式。
2.HTML标签有单标签和双标签。标签的基本格式为“<标签名称 属性1="值1" 属性2="值2"...>组件资料</标签名称>”
3.HTML结构：<html>
<head>
<title>标题</title>
</head>
<body>
主体部分
</body>
</html>
4.HTML注释方式：<!--Hello world-->
5.版面控制标签： 换行<br/>（这是个单标签）；段落标签<p></p>；水平线<hr>（属性有Size，Width，Align，Color）；空格 ；居中标签<center></center>
6.标题文字：<hn></hn>（n的取值范围为1~6，字体依次减小）；<b></b>（粗体）；<i></i>（斜体）；<u></u>（下划线）；<s></s>（删除线）；<sup></sup>（上标）；<sub></sub>（下标）
7.body标签属性：Bgcolor（网页背景颜色）;Background（网页背景图片）；Text（网页文字颜色）
8.编号表列标签：可分为有序编号和无序编号，无序编号多用于导航及菜单栏。
有序编号：<ol>
<li>编号1</li>
<li>编号2</li>
<li>编号3</li>
</ol>
有Type属性，Type=1或A或a或I或i；设置编号的开始序号有start属性，start=n
无序编号：<ul>
<li>项目符号</li>
<li>项目符号</li>
<li>项目符号</li>
</ul>
有Type属性，Type=circle或disc或square
9.表格：不常用，太慢了。
<table>
<tr>
<td></td>
<tr>
<table>
<th></th>为标题单元格；border为边框宽度；cellspacing为表格内框的宽度；cellpadding为表格内的文字至四周边框的距离；height为高度；width为宽度；bordercolor为边框颜色；bgcolor为背景颜色；align为表格在网页中的水平对齐方式。
行、列属性：height为高；bordercolor为行/列外框的颜色；bgcolor为行/列背景色；align为行/列文字水平对齐方式；valign=top、middle、bottom为行/列文字的垂直对齐方式；rowspan为跨行；colspan为跨列
表格的标题：caption，属性<caption align=top或者bottom>
10.img标签：<img src="图文件保存位置与名称">；属性包括height、width、border、lowsrc="低分辨率图片的位置"、alt
11.相对路径及绝对路径，../../样式。相对来说比较重要。
12.超链接标签：<a href="链接位置">超链接名称</a>，如<a href="http:\\www.baidu.com">百度</a>
13.图片超链接：<a href="http:\\www.baidu.com"><img src="d:\qq.jpg"></a>
14.滚动字幕：<marquee>...</marquee>，其属性有align（对齐方式：top，middle，bottom）；scroll（单向滚动）；slide（文字接触到左边就停止）；alternate（左右往返运动）；bgcolor（文字滚动范围的背景颜色）；loop（设置文字滚动次数）；height（字幕高度）；width（字幕宽度）；scrollamount（每次移动的速度）；scrolldelay（文字每次滚动的停顿时间）；direction（文字滚动方向，left、right、up、down）；behavior（移动方式，scroll、slide、alternate）。这一滚动字幕方式用的不多。
15.表单：<form></form>，重要。
Action：表单有两种取值方式：get（用于数据量小、数据安全系数低的情况下）和post（用在数据量大、数据安全系数高的情况下，用的相对比较多）。表单是用来制定目标窗口或框架（_blank返回信息显示在新开的浏览器窗口中；_parent是父级窗口；_self是当前浏览窗口；_top返回信息显示在顶级浏览器窗口中）。
表单的元素包括：Type=button(普通按钮控件)；Type=reset(重置按钮控件，是表单所特有的)；Type=submit(提交按钮控件，是表单所特有的)；Type=image(图像按钮控件)；Type=checkbox(复选框控件)；Type=radio(单选框控件)；Type=text(文本输入控件)；Type=password(密码输入控件)；Type=file(文件上载控件)；Type=hidden(隐藏字段)。
例1：<form action=http://www.***.com method="get">
请输入你的名字
<input type = "text" name="yourname">
<input type = "submit" value="提交">
</form>
*通过提交(input type=submit)可以将表单(Form)里的信息提交给表单里action所指向的文件
例2：<select name="fruit">
<option value="apple">苹果</option>
<option value="orange">桔子</option>
<option value="mango">芒果</option>
</select>
*如果要变成复选，加muiltiple即可。用户用Ctrl来实现多选。
<select name="fruit" multiple="multiple"> 还可以用size属性来改变下拉框(Select)的大小
例3：多行输入框（textarea），主要用来输入较长的文本信息，如：<textarea name="yoursuggest" cols="50" rows="3"></textarea>
补充：
<fieldset style="width:155px; height: 269px;">
<legend align="top">图书分类</legend>
</fieldset>
fieldset 元素可将表单内的相关元素分组。<fieldset> 标签将表单内容的一部分打包，生成一组相关表单的字段。当一组表单元素放到 <fieldset> 标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D 效果，或者甚至可创建一个子表单来处理这些元素。<fieldset> 标签没有必需的或唯一的属性。fieldset、legend都是块元素。
后记：html主要就是要掌握这些标签的使用方法，多多练习才是王道，看懂了不代表可以实现。
前端：html，css，js
数据库：sql server
动态部分：.net，c#...
IIS（Internet Information Services）互联网信息服务，是一个World Wide Web server。Gopher server和FTP server全部包容在里面。 IIS意味着你能发布网页，并且有ASP（Active Server Pages）、JAVA、VBscript产生页面，有着一些扩展功能。IIS支持一些有趣的东西，像有编辑环境的界面（FRONTPAGE）、有全文检索功能的（INDEX SERVER）、有多媒体功能的（NET SHOW） 其次,IIS是随Windows NT Server 4.0一起提供的文件和应用程序服务器，是在Windows NT Server上建立Internet服务器的基本组件。它与Windows NT Server完全集成，允许使用Windows NT Server内置的安全性以及NTFS文件系统建立强大灵活的Internet/Intranet站点。IIS是一种Web（网页）服务组件，其中包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器，分别用于网页浏览、文件传输、新闻服务和邮件发送等方面，它使得在网络（包括互联网和局域网）上发布信息成了一件很容易的事。
重点：1.HTML(Hyper Text Makeup Language)即超文本标记语言，是客户端和服务器端通信的方式。
2.HTML标签有单标签和双标签。标签的基本格式为“<标签名称 属性1="值1" 属性2="值2"...>组件资料</标签名称>”
3.HTML结构：<html>
<head>
<title>标题</title>
</head>
<body>
主体部分
</body>
</html>
4.HTML注释方式：<!--Hello world-->
5.版面控制标签： 换行<br/>（这是个单标签）；段落标签<p></p>；水平线<hr>（属性有Size，Width，Align，Color）；空格 ；居中标签<center></center>
6.标题文字：<hn></hn>（n的取值范围为1~6，字体依次减小）；<b></b>（粗体）；<i></i>（斜体）；<u></u>（下划线）；<s></s>（删除线）；<sup></sup>（上标）；<sub></sub>（下标）
7.body标签属性：Bgcolor（网页背景颜色）;Background（网页背景图片）；Text（网页文字颜色）
8.编号表列标签：可分为有序编号和无序编号，无序编号多用于导航及菜单栏。
有序编号：<ol>
<li>编号1</li>
<li>编号2</li>
<li>编号3</li>
</ol>
有Type属性，Type=1或A或a或I或i；设置编号的开始序号有start属性，start=n
无序编号：<ul>
<li>项目符号</li>
<li>项目符号</li>
<li>项目符号</li>
</ul>
有Type属性，Type=circle或disc或square
9.表格：不常用，太慢了。
<table>
<tr>
<td></td>
<tr>
<table>
<th></th>为标题单元格；border为边框宽度；cellspacing为表格内框的宽度；cellpadding为表格内的文字至四周边框的距离；height为高度；width为宽度；bordercolor为边框颜色；bgcolor为背景颜色；align为表格在网页中的水平对齐方式。
行、列属性：height为高；bordercolor为行/列外框的颜色；bgcolor为行/列背景色；align为行/列文字水平对齐方式；valign=top、middle、bottom为行/列文字的垂直对齐方式；rowspan为跨行；colspan为跨列
表格的标题：caption，属性<caption align=top或者bottom>
10.img标签：<img src="图文件保存位置与名称">；属性包括height、width、border、lowsrc="低分辨率图片的位置"、alt
11.相对路径及绝对路径，../../样式。相对来说比较重要。
12.超链接标签：<a href="链接位置">超链接名称</a>，如<a href="http:\\www.baidu.com">百度</a>
13.图片超链接：<a href="http:\\www.baidu.com"><img src="d:\qq.jpg"></a>
14.滚动字幕：<marquee>...</marquee>，其属性有align（对齐方式：top，middle，bottom）；scroll（单向滚动）；slide（文字接触到左边就停止）；alternate（左右往返运动）；bgcolor（文字滚动范围的背景颜色）；loop（设置文字滚动次数）；height（字幕高度）；width（字幕宽度）；scrollamount（每次移动的速度）；scrolldelay（文字每次滚动的停顿时间）；direction（文字滚动方向，left、right、up、down）；behavior（移动方式，scroll、slide、alternate）。这一滚动字幕方式用的不多。
15.表单：<form></form>，重要。
Action：表单有两种取值方式：get（用于数据量小、数据安全系数低的情况下）和post（用在数据量大、数据安全系数高的情况下，用的相对比较多）。表单是用来制定目标窗口或框架（_blank返回信息显示在新开的浏览器窗口中；_parent是父级窗口；_self是当前浏览窗口；_top返回信息显示在顶级浏览器窗口中）。
表单的元素包括：Type=button(普通按钮控件)；Type=reset(重置按钮控件，是表单所特有的)；Type=submit(提交按钮控件，是表单所特有的)；Type=image(图像按钮控件)；Type=checkbox(复选框控件)；Type=radio(单选框控件)；Type=text(文本输入控件)；Type=password(密码输入控件)；Type=file(文件上载控件)；Type=hidden(隐藏字段)。
例1：<form action=http://www.***.com method="get">
请输入你的名字
<input type = "text" name="yourname">
<input type = "submit" value="提交">
</form>
*通过提交(input type=submit)可以将表单(Form)里的信息提交给表单里action所指向的文件
例2：<select name="fruit">
<option value="apple">苹果</option>
<option value="orange">桔子</option>
<option value="mango">芒果</option>
</select>
*如果要变成复选，加muiltiple即可。用户用Ctrl来实现多选。
<select name="fruit" multiple="multiple"> 还可以用size属性来改变下拉框(Select)的大小
例3：多行输入框（textarea），主要用来输入较长的文本信息，如：<textarea name="yoursuggest" cols="50" rows="3"></textarea>
补充：
<fieldset style="width:155px; height: 269px;">
<legend align="top">图书分类</legend>
</fieldset>
fieldset 元素可将表单内的相关元素分组。<fieldset> 标签将表单内容的一部分打包，生成一组相关表单的字段。当一组表单元素放到 <fieldset> 标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D 效果，或者甚至可创建一个子表单来处理这些元素。<fieldset> 标签没有必需的或唯一的属性。fieldset、legend都是块元素。
后记：html主要就是要掌握这些标签的使用方法，多多练习才是王道，看懂了不代表可以实现。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 那些年我们遇到的bug系列一（安卓+asp.net+sql server开发）
- 24个常用方法有效优化ASP.NET的性能（四）
- 24个常用方法有效优化ASP.NET的性能（三）
- 24个常用方法有效优化ASP.NET的性能（二）
- 24个常用方法有效优化ASP.NET的性能(一)
- 捕获asp.net下的未处理异常
- Spring AOP + AspectJ annotation example
- Spring AOP + AspectJ in XML configuration example
- ASP.NET多彩下拉框开发实例
- ASP.NET与Mysql数据库连接问题
- ASP FORM表单提交判断
- ASP正则表达式清除HTML指定标签的方法
- ASP.NET MVC 入门3、Routing
- ASP定义数组方法的技巧
- ASP数据库操作方法
- ASP.NET MVC 入门2、项目的目录结构与核心的DLL
- ASP.NET MVC 入门2、项目的目录结构与核心的DLL
- 将 ESP8266 连接到 RaspberryPi
- ASP.NET MVC 入门1、简介
- ASP.NET MVC 入门1、简介