ASP基础知识

来源：互联网发布：无锡网络公司名录编辑：程序博客网时间：2024/05/23 00:15

HTML文档结构
一、标记及其属性
标记
主要用于组织文件的内容和控制文件的输出格式，告诉浏览器web页面的显示方式，多数是双标记，少数是单标记。
标记的属性
属性必须在起始标记内注明，一个标记可包含多个属性各个属性之间用空格分隔。

二、特殊字符
输入特殊字符的时候，要用一种特殊代码，保持不同计算机之间的兼容
       &h-"<" &H-"<"     &NBSP-" "
三、文档结构
HTML文件是标准的ASCII文件（可以用记事本打开）
1、从结构上讲 HTML文件由元素组成
2、元素有起始标记和结束标记
3、中间部分是元素体
4、一个元素中可以包含另外的元素
5、HTML文档的标准格式又三部分组成
     ⑴HTML信息部分：可选部分
     ⑵HTML文档头部分：<head>...</head>
     ⑶HTML文档体部分：<body>....</body>

四、文档结构元素
<html>...</html>
作用是通知客户端浏览器这是一个HTML文档，需要浏览器用HTML格式解释它，直到遇见文件尾部的</html>
<head>...</head>
文档的起始部分，主要用来描述的一些基本性质，一般不会被当成网页的主体显示在浏览器中
<body>...</body>
可以在浏览器中显示出来

background="image URL"指定北京图片文件的路径
bgcolor="#rrggbb"设置背景颜色
text="#rrggbb"设置非超链接文字的颜色
link="#rrggbb"设置可链接文字的颜色
alink="#rrggbb"设置正被点击的可链接文字的颜色
vlink="#rrggbb"设置已经被点击过的可链接文字的颜色

HTML文档标签
一、头部元素
   1、标题<title>...</title>
         描述网页的特色或主题
   2、<meta>
         用来说明与文档有关的信息
         <meta http-equiv="refresh" c>   每隔2秒刷新一次

二、标题段落与层次块
    1、标题<hn>...</hn>
          用来设置h1~h6不同层次的标题，数字越小，字体越大
    2、段落<p>...</p>
          表示一个段落浏览器遇到<p>会自动加一空行，并从下一行开始可去掉</p>
    3、块引用<blockquote>...</blockquote>
          将引用的文字块内容进行缩进编排，使屏幕显示单独一块，以突出引用文字的效果通常在引用文本块上各有一空行
    4、预格式<pre>...</pre>
          以固定宽度的字体显示预格式化文本，使文本块按照文件中的排列方式显示，并保留在原始码中输入的空白制表位及回车换行。
    5、分区<div>...</div>
          用来为HTML文档内大块的内容提供结构和背景的元素，DIV的起始标签与结束标签之间的所有内容都是用来构成这个块的其中包括元素的特性又DIV属性控制

三、列表元素（分为无序列表，有序列表和定义列表）
    1、无序列表<ul> <li>   ... <li>...</ul>
                        无序列表
    2、有序列表<ol><li>....<li>...</ol>
          <ol type="类型" start="起始序号" value="当前序号">
    3、定义列表
          <dl>
          <dt>→标题
          <dd>→解释
          </dl>

四、字符格式元素
      <font>...</font>   用来设置字符的大小颜色和字型
      face                  客户端字体，浏览器按照字型列表中的顺序查找可显示的字型若没有用系统缺省字型表示
      size                   字号大小   1~7     7号大
      color                 字体颜色
      <b>...</b>      粗体样式
      <i>...</i>         斜体样式
      <u>...</u>      下划线样式
      <tt>...</tt>     打字型样式
      <sup>...</sup>上标
      <sub>...</sub>下标
      <s>...</s>         中划线

五、表格元素
   1、作用：一个好的网页都是又许多表格组成
       ⑴表格化数据
       ⑵设计页面分栏
       ⑶定位页面上的文本和图象
   2、基本元素
       ⑴<table>...</table>        定义表格
       ⑵<tr>...</tr>                 定义表行
       ⑶<td>...</td>                定义表元
           例：<table border="1"    width="478"    height="110"    cellspacing="10"    cellpadding="1">
                             边框值                                                        单元之间的距离      值与边框的距离

六、表格属性设置<table 属性列表>...</table>
    width                          表格宽度接受绝对坐标和相对坐标
    border                        表格边框的厚度
    cellspcing                    单元格间距
    cellpadding                  文字与格线的距离
    align                            表格水平对齐方式：left、center、right
    valign                          表格垂直对齐方式：top 、middle 、bottom
    background                表格的背景图片
    bgcolor                       表格的背景颜色
    bordercolor                 表格的边框颜色

七、表行的属性设置
<tr align="水平对齐" valign="垂直对齐" bgcolor="背景颜色">...</tr>

八、单元格属性
<td colspan="跨越列数" rowspan="跨越行数">...</td>

网络程序设计概述

ASP的语法简介
1、ASP文件就是在标准的HTML文件中嵌入了VBScript或Javascript脚本
2、一个简单的ASP文件可以包括以下3个部分：
    ⑴普通的HTML文件即普通的web的页面内容
    ⑵服务器端的script程序代码位于<% ..... %>内的程序代码
    ⑶客户端的script程序代码位于<script>..</script>

HTML文档标签-----Frame
框架集与框架
将一个窗口分成几个独立的窗口，每个窗口分别载入不同的文件独立的小窗口叫做框架整个窗叫做框架集
         例：
              <html>
              <head>
              <title>框架</title></head>
              <frameset   cols="30%,*">    '分2列宽度为第1列占框架值的30% 第2列为剩下的70%
              <frame   name="l8" src="l8.html">
               <frame name="l9" src="l9.html">
               </frameset>
               </html>

框架集：
<frameset   属性列表>...</frameset>
cols                                 纵向分割每个框架的宽度各值用“，”分隔
rows                               横向分割每个框架的宽度
frameborder                    框架边框是否可见    0表示不要边框         1表示显示边框
border                             框架边框的厚度     像素为单位
bordercolor                     框架边框的颜色
framespacing                   框架之间的间隔像素为单位

框架：
<frame 属性列表>
src                                 设定此框架中显示的网页文件的URL
name                             设定框架的名称供超级链接的Target属性用以指时链接文件在哪一框架中显示
scrolling                         设定是否显示滚动条 yes表示显示    no表示不显示   auto表示情况而定   一般应为auto
noresize                         设定不让使用者可以改变框架的框的大小
marginheight                  指定框架上下边界与内容之间空白区域的高度   单位为像素
marginwidth                   指定框架左右边界与内容之间空白区域的高度   单位为像素
              例：
                   <html>
                   <frameset cols="30%,*">
                   <frame src="a,html">
                   <frameset rows="40%,*">
                   <frame src="b.html">
                   <frame src="c.html">
                   </frameset>
                   </frameset>
                   </html>

noframes
对于框架网页若用户使用的浏览器版本太低不支持框架功能时看到的将会一片空白为避免这种情况可使用<noframes>标记提醒用户转用新的浏览器或者自动切换至没有框架的网页
例：
<html>
<frame cols="30%,*">
<frame src="a.html">
<frame src="b.html">
<noframe>
<body>
对不起本网页为框架网页您使用的浏览器不支持框架点击下面链接访问网页的另一版本或换用新的浏览器
</body>
</noframe>
</html>

HTML文档标签------Form
表单元素
1、表单是网页与服务器之间传递的重要途径表单网页可以用来收集浏览器者的意见和建议实现浏览器与站点之间的互动

2、基本元素
Form input select textarea

3、form元素
基本格式
<form action="表单处理程序"   method="表示提交方法"   name="表单名">.....</form>
aciton      指定表单处理程序的URL地址
method   传送资料的方式,可选post或get ，post允许传诵大量资料 ,比较常用;get只接受小于1KB的资料缺省值
name       指定表单的名字

4、input元素
⑴基本格式
   <input    type="输入的数据类型"...>
⑵输入的数据类型
text   radio   checkbox   password   submit   reset   image
⑶单行文本输入框 type="text"
name                             输入框的名称方便表单处理程序辨认又表单传来的资料
value                             文本框的初始值用户在输入时可以修改
size                                文本框的显示长度
maxlength                     文本框可输入字符的上限
⑷单选框    type="radio"
<input type="radio" 其他属性列表>
name                单选框的名称方便表单处理程序辨认由表单传来的资料
value                单选框的初始值一个单选框仅有一个value
checked           设定该单选框为默认被选同名的各个单选框中只能有一个使用或全不使用
⑸复选框    type="checkbox"
<input type="checkbox" 其他属性列表..>
⑹密码输入框    type="password"
⑺提交按钮       type="submit"
    把表单的数据传送给服务器
⑻重置表单     type="reset"

5、select元素
⑴下拉菜单
<select name=job>
<option value="student">student</option>
<option value="teacher">teacher</option>
</select>
⑵列表
<select name=favor size=3 multiple>
<option value="music" selected>音乐</option>
<option value="sport">体育</option>
<option value="net" selected>上网</option>
<option value-"sing">唱歌</option>
</select>

6、Textarea元素
可滚动的多行文本输入框
<textarea rows=3 name=opi cols=40>
</textarea>

CSS层叠样式表的设计
CSS是Cascoding Style Sheets（层叠样式表单）
它是一种设计网页样式的工具
例：
<html>
<head>
<title>CSS   Word</title>
<style>
    ' filter为滤镜 blur为模糊
</style>
</head>
<body>
<div>
<p style="font-size:48;font-style:bold;color:red;">feizi</p>
</div>
</body>
</html>
CSS的代码都是由一些最基本的语句构成
它的基本语句的结构是这样的：
选择符{属性：属性值}
<head>...</head>中使用<style>来指定样式
<style>下面的CSS语句是以注释语句的形式书写的也就是代码中的符号包含的部分
div{width:200;filter:blur(add=true,direction=35,strength=20);}
在<body>中也有一段CSS定义：用<style=     >直接来定义的

把编辑好的CSS文档保存成".css"文件然后<head>中定义
定义的格式：
<head><link rel=stylesheet href="style.css">...</head>
rel=stylesheet 指连接的元素是一个样式表(stylesheet)文档
href="style.css" 指的是需要连接的文件地址只需要把编辑好的".css"文件的详细路径名写进去