ASP.NET动态网站制作(1)--html

為{幸葍}努か 提交于 2020-03-27 07:32:40

前言:正式上课的第一课,讲的是前端部分的最基础内容: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);空格&nbsp;居中标签<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主要就是要掌握这些标签的使用方法,多多练习才是王道,看懂了不代表可以实现。

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!