精华内容
下载资源
问答
  • HTML网页编程

    千次阅读 2016-05-21 17:41:57
    HTML网页编程 前 言 ☆静态页面和动态页面 网站页面分为静态页面和动态页面两种 • 静态页面:有一个html页面文件保存在服务器上,浏览器要这个页面的时候服务器就把这个页面文件发给浏览器; • 动态页面:...

    HTML网页编程


    前 言

    ☆静态页面和动态页面

    网站页面分为静态页面和动态页面两种
    • 静态页面:有一个html页面文件保存在服务器上,浏览器要这个页面的时候服务器就把这个页面文件发给浏览器;
    • 动态页面:服务器上没有浏览者要看的页面,而是服务器动态生成的HTML页面发给浏览器,动态语言的服务器端可以用C#、VB.Net、PHP、Java、C等编写。

    ☆HTML学习要求

    掌握手写HTML实现一般难度的Web页面的能力(如网站注册表单),为JavaWeb学习打基础。坚持手写HTML。

    注:不要把精力放到怎么把界面做好看上,正规公司都有专门的页面美工,不正规公司都是偷别人的美工页面,无论是偷别人的页面,还是使用公司美工开发出来的页面,对于开发人员要做的“填模板”工作都是一样的。

    ☆用HTML语言创作网页的说明

    Web页面可采用超文本标识语言(HTML)创作,它允许将常规的文本与一些用来描述文本的标记混合使用。这些标记的主要功能是Web中文本的显示外观、版面布局和主体的描述。
    在做网页的时候,有经验的程序员经常是分两步走:首先使用一些常用的网页制作工具做成网页的原型,然后再修改其HTML代码。HTML代码不区分大小写,只要能够编辑文本的任何编辑器都可以用于编写HTML代码。

    编写普通的HTML页面是和任何后台语言无关的,可以使用Dreamweaver、Expression Web(FrontPage的改头换面版)等工具写,这些工具是给页面美工用的,开发人员直接用Eclipse写html代码就够了。


    HTML概述1

    HTML是Hyper Text Markup Language的缩写,意思是“超文本标识语言”,它实际上是专门用来编写网页的一种编程语言。大多数网页的构成基础就是HTML的语句。

    ☆HTML文档的基本结构


    所有页面都应该至少包含这些部分,由于浏览器容错性强,所以即使不包含也能正常显示,但是最好还是写完全了。


    HTML概述2

    ☆如何编写一个HTML文件

    HTML文件是一个ASCII格式的文件。它可以在任何一种可以编辑ASCII文件的编辑器中编辑(如果HTML文件中包含汉字,则要在支持汉字的编辑器中编辑)。

    ☆HTML文件的调试

    <html>
       <head>
          <title>HTML概述</title>
       </head>
       <body>
           HTML Hello Wrold!!!  
       </body>
    </html>

    直接用浏览器打开,检查运行结果


    HTML概述3

    ◇ 头部分是给Html页面增加一些辅助或者属性信息,它里面的内容会最先加载。体部分是真正存放页面数据的地方。
    ◇ 多数标签都是有开始标签和结束标签,其中有个别标签因为只有单一功能,或者没有要修饰的内容可以在标签内结束。
    ◇ 想要对被标签修饰的内容进行更丰富的操作,就用到了标签中的属性,通过对属性值的改变,增加了更多的效果选择。
    ◇ 属性与属性值之间用“=”连接,属性值可以用双引号或单引号或者不用引号,一般都会用双引号。或公司规定书写规范。

    ☆格式:

    <标签名 属性名=‘属性值’> 数据内容 </标签名>


    <标签名 属性名='属性值' />

    ☆操作思想:

          为了操作数据,都需要对数据进行不同标签的封装,通过标签中的属性对封装的数据进行操作。
          标签就相当于一个容器。对容器中的数据进行操作,就是在不断的改变容器的属性值。


    HTML的标记

    ☆标记的一般特性

    一个HTML文件中由两大类元素组成:
           (1)标记     (2)标记的作用对象(如文字、图形等)

    ☆常用的标记

    1. <html>和</html>
    2. <head>和</head>
    3. <title>和</title>
    4. <body>和</body>
    5. <hn>和</hn>
    6. <br>
    7. <hr>
    8. <!-- 这是注释 -->


    文字修饰1

    一个网页大多由以下要素构成:文字、图片、表格、动画及声音。在这些元素中,文字是十分重要的。下面我们就逐一讲述涉及文字的标记。

    ☆字号

    1. <small>和</small>

    设置为小字体
    2. <big>和</big>

    设置为大字体
    3. <font size=n>

    设置字体大小,n值越大字体越大
    4. <basefont size=n>

    <basefont> 标签定义基准字体。该标签可以为文档中的所有文本定义默认字体颜色、字体大小和字体系列。
    5. <sub>和</sub>

    设置下标,如:x<sub>2</sub>
    6. <sup>和</sup>

    设置上标,如:x<sup>2</sup>,为x²

    可以采用多种方式设置文字大小。不过设置文字的大小后,其效果会受到IE中选项的影响。


    文字修饰2

    ☆字体样式

    1. <b>和</b>

    粗体显示
    2. <I>和</I>

    斜体显示
    3. <u>和</u>

    加下划线显示
    4. <strike>和</strike>

    加删除线显示

    ☆特殊标记



    列 表

    列表是一种条理化地排列信息的方法。它把内容一条条地水平排列显示,直观、清晰。而它也不同于表格,一般列表没有表格复杂。

    ☆列表标记使用的通用格式

    <标记>
    <条目标记1>条目内容1
    <条目标记2>条目内容2
    <条目标记3>条目内容3
    ……
    </标记>

    ☆列表的嵌套

    <dl>:列表
    <dt>:上层项目
    <dd> :下层项目

    <dl>  
    <dt>Coffee</dt>  
    <dd>Black hot drink</dd>  
    <dt>Milk</dt>  
    <dd>White cold drink</dd>  
    </dl></span>  
    结果为:

    Coffee
    Black hot drink
    Milk
    White cold drink 

    1.<dir>和</dir>
    2.<menu>和</menu>
    3.<ul>和</ul>
    4. <ol>与</ol> 

    无序列表ul

    <ul>  
      <li>咖啡</li>  
      <li>茶</li>  
      <li>牛奶</li>  
    </ul></span>  

    有序列表ol

    <ol>  
      <li>咖啡</li>  
      <li>牛奶</li>  
      <li>茶</li>  
    </ol>  
      
    <ol start="50">  
      <li>咖啡</li>  
      <li>牛奶</li>  
      <li>茶</li>  
    </ol>


    ☆两个可带属性的复杂列表标记ul和ol

    1. <ul>和</ul>
        此标记可以带属性,变成<ul type=f>的形式,f有如下几种:
        f为disc:条目以符号“●”引导。
        f为circle:条目以符号“○”引导。
        f为square:条目以符号“■”引导。
    2. <ol>与</ol>
        此标记会自动给条目排序并加上序号,也可带有属性:
    1) < ol type=f>
        f为A:以大写字母排序。如A,B,C,D等。
        f为a:以小写字母排序。如a,b,c,d等。
        f为I:以大写罗马数字排序。如I,II,III,IV等。
        f为i:以小写罗马数字排序。如i,ii,iii,iv等。
        f为1:以阿拉伯数字排序。如1,2,3,4等。
    2) <ol start=n>
        n是一个数字,此标记符表示重新定义的起始号。

    <html>  
    <body>  
      
    <h4>Disc 项目符号列表:</h4>  
    <ul type="disc">  
     <li>苹果</li>  
     <li>香蕉</li>  
     <li>柠檬</li>  
     <li>桔子</li>  
    </ul>    
      
    <h4>Circle 项目符号列表:</h4>  
    <ul type="circle">  
     <li>苹果</li>  
     <li>香蕉</li>  
     <li>柠檬</li>  
     <li>桔子</li>  
    </ul>    
      
    <h4>Square 项目符号列表:</h4>  
    <ul type="square">  
     <li>苹果</li>  
     <li>香蕉</li>  
     <li>柠檬</li>  
     <li>桔子</li>  
    </ul>    
      
    </body>  
    </html> 


    表 格1

    使用表格基本能实现对页面元素在浏览器中随心所欲的排版定位。表格通常用来显示大量的、分类化的信息,具有表示清晰、明了的特点,使用十分广泛。
    表格一般由以下几部分组成:表格名称、表格栏及表中数据。

    <table></table>

    这是一对用来指明表格范围的标记,格式如下:
    <table>
        表格全部内容
    </table>

    border属性

    使用表格的这一属性可以给表格加上框线。如<table border>表示表格是有表格线的,border的线宽默认为1。没有写border则表示表格是没有表格线的。一般用<table border=n>来设置“有线表格”和边框宽度。n是一个具体的数字,用来指定宽度的大小,单位是“像素”,默认为没有边框。当n为0时,也没有边框。


    表 格2

    width属性

    这一属性可以用来设置“有线表格”占整个页面的相对宽度,写法为<table width=n>。n是一个具体的数字,可以是一个百分数(如100%),也可以是一个具体的数值,单位是像素(如80,表示表格占80个像素单位的宽度)。

    height属性

    这一属性可以用来设置“有线表格”占整个页面的相对高度。其用法与<table width=n>相似。
    使用相对方式来设置表格大小时,浏览器窗口大小的变化会影响到表格大小的变化。

    cellspacing属性

    这一属性可以用来设置有线表格的单元格线的宽度,用法为<table cellspacing=n>。n是一个具体的数值,单位是像素。

    cellpadding属性

    这一属性可以用来设置单元格线与数据之间的距离,用法为<table cellpadding=n>。n为数值,单位是像素,默认值是1。


    表 格3

    <caption>和</caption>

    这是一对用来指明表格标题的标记,常用格式如下:
    <caption>   表格标题内容   </caption>

    <tr>和</tr>

    这对标记用来指明表格一行的内容。这一行可以是表格的栏目,也可以是数据。

    <th>和</th>

    这对标记用来指明表格栏目行中的一项。一行可以由多项组成,必须嵌套在<tr>与</tr>之中使用。由此标记指定的栏目,文字会突出显示。

    <td>和</td>

    这对标记用来指明表格数据行中的一项。一行可以由多项组成,它也必须嵌套在<tr>与</tr>之中使用。


    表 格4

    align属性

    可用于<tr>、<th>及<td>

    设置水平方向的位置:align=left、align=center 或  align=right

    nowrap属性

    可用于<th>及<td>

    超过一行,浏览器默认会自动换行显示。使用该属性进行屏蔽。

    width属性

    可用于<th>及<td>

    使用此属性可以指定宽度。具体用法与在<table>中一样。

    valign属性

    可用于<th>及<td> 

    指定垂直方向的位置<valign=f>,f取值:top、middle或bottom

    colspan属性

    可用于<th>及<td>

    指定垂直方向的位置<valign=f>,f取值:top、middle或bottom

    colspan属性

    可用于<th>及<td>

    实现单元格的横向合并,格式如: <colspan=n>

    rowspan属性

    可用于<th>及<td>

    实现单元格的纵向合并,格式如: <rowspan=n>


    色彩的表示

    在计算机显示器中,使用红(red)、绿(green)、蓝(blue)3种颜色来构成各种各样的颜色。颜色的种类有16,256及65536等多种。我们把这三种颜色人0到255分别编号,再表示为16进制的数,则红色(rr)就从00到ff,绿色(gg)和蓝色(bb)两种颜色也如此。三种颜色的表示合起来就是rrggbb。这样一来,可以用一种颜色中所含红、绿、蓝成分的程度,数值化地表示颜色。如:黑色为000000、白色为ffffff、墨绿色为008040、深灰色为808080等。在HTML中,可用这种方式指定颜色。也可以直接写上该颜色的英文表示。


    文本的颜色

    在body的属性中,可以使用以下几种属性改变文本的颜色。

    text属性

    该属性用来设置文本的颜色。该“文本”可以是标题、正文及表中的文字,但不能用于超链接的文字。使用格式为:<text=#rrggbb>

    link属性

    设置超链接文字的颜色,默认为蓝色,格式:<link=#rrggbb>

    vlink属性

    设置鼠标指向超链接文字时,该链接文字的颜色,默认为红色,使用格式为:<vlink=#rrggbb>

     <font>标记的color属性

    标记的color属性可指定任意一段文字的色彩。<font color=#rrggbb> 


    表格的背景色

    <table>标记的bgcolor属性

    用来指定整个表格的背景颜色,使用格式为: <table bgcolor=#rrggbb>

    <td>标记的bgcolor属性

    用来指定表格中一行的背景颜色,使用格式为:<td bgcolor=#rrggbb>

    <th>标记的bgcolor属性

    用来指定表格中栏目行的背景颜色,使用格式为:<th bgcolor=#rrggbb>

    <hr>标记的color属性

    用来指定分隔线的颜色,使用格式为:<hr color=#rrggbb />

    <font>标记的face和color属性

    指定字体与颜色,格式:<font face=“字体名” color=#rrggbb >


    超文本链接1

    超文本链接是网页中一种非常重要的功能,是网页中最重要、最根本的元素之一。通过链接可以从一个网页转到另一个网页,也可以从一个网站转到另一个网站,这符合人类的跳跃思维方式。链接的标志有文字和图形两种。可以制作一些精美的图形作为链接按钮,使它和整个网页融为一体。

    所谓的超文本链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片、一个电子邮件地址、一个文件,甚至是一个应用程序。
    而在一个网页中用来超文本链接的对象,可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型来打开或运行。


    超文本链接2

    ☆页面链接

    用HTML创建超文本链接需要使用<A>标记符(结束标记符</A>不能省略),它的最基本属性是href,用于指定超文本链接的目标。通过为href指定不同的值,可以创建出不同类型的超链接。
    在HTML文件中用链接指针指向一个目标。其基本格式为:
    <a href = "…">标记超文本链接信息</a>

    ☆本地链接

    超文本链接指向自己的计算机中的某一个文件,叫本地链接。在文件中需要创建一个标签(即做一个记号),为页面中需要跳转到的位置命名。命名时应使用<A>标记符的name属性。格式如下:
    <a name="标签名">此处创建了一个标签</a>

    ☆电子邮件链接

    如果希望用户在网页上通过链接直接打开客户端的发送邮件的工具发送电子邮件,则可以在网页内包含发送电子邮件的功能。实现此功能所需的全部工作就是在链接标记中插入mailto值。如:
    <a href="mailto:webmaster@hnu.cn">管理员信箱</a>


    图 像

    ☆图像标签:<img> 

    属性说明:
        src:连接一个文件
        align:属性定义图片的排列方式
        border用来设置图像的边框
        height和width为显示的高宽。

    ☆图像地图:<map>

            应用:当要在图像中选取某一部分作为连接的时候。如:中国地图每个省所对应的区域

    map标签要和img标签联合使用

    <img src="Sunset.jpg" alt="图片说明文字" usemap="#map" />
    <map >
        <area shape="rect" coords="50,59,116,104" href="1.html" />
        <area shape="circle" coords="118,203,40" href="2.html" />
    </map>
    


    框 架
    ☆框架标签:<frameset> 

    <frameset rows="10%,*">
      <frame src="1.html" name="top" />
      <frameset cols="30%,*">
        <frame src="2.html" name="left" />
        <frame src="3.html" name="right" />
      </frameset>
    </frameset> 
    
    ☆画中画标签:<iframe> 

    frameset标签是把整个窗口划分成不同的子窗体,而iframe标签可以实现在网页中的任意位置显示一个窗体(注意,它不是把整个窗口进行分割)。 

    <iframe src=”1.html” >  画中画窗口1  </iframe> 
    


    表单<form> 1
    表单标签是最常用的标签,用于与服务器端的交互。

    ☆<input>:输入标签

    接收用户输入信息。其中的type属性指定输入标签的类型。

    文本框 text。输入的文本信息直接显示在框中。
    密码框 password。输入的文本以原点或者星号的形式显示。
    单选框 radio 如:性别选择。
    复选框 checkbox 如:兴趣选择。
    隐藏字段 hidden 在页面上不显示,但在提交的时候随其他内容一起提交。
    提交按钮 submit 用于提交表单中的内容。
    重置按钮 reset 将表单中填写的内容设置为初始值。
    按钮 button 可以为其自定义事件。
    文件上传 file 后期扩展内容,会自动生成一个文本框,和一个浏览按钮。
    图像 image 它可以替代submit按钮。

    以上10个属性是必须掌握的


    表单<form> 2
    ☆ <select>:选择标签 

    <select name="lang">
         <option value="none"> --请选择语言--</option>
         <option value="java" selected="selected"> JAVA </option>
         <option value="c"> C语言 </option>
    </select>
    
    ☆ <textarea>:多行文本框

    ☆ 表单组件格式化 

    用表格标签<table>对表单中的组件进行格式化。

    ☆表单提交的页面实现

    1)先定义form表单中的action属性值,指定表单数据提交的目的地(服务端)。
    2)明确提交方式,通过指定method属性值。如果不定义,那么method的值默认是get。


    表单提交方式(get/post)
    ☆两种方式的区别

    1) get提交将数据显示在地址栏,对于敏感信息不安全。post提交不显示在地址栏,对于敏感信息安全
    2) 地址栏中存放的数据是有限,所以get方式对提交的数据体积有限制。而post可以提交大体积数据。
    3) 对提交数据的封装方式不同。get将提交数据封装到了http消息头的第一行即请求行中。而post将提交的数据封装到请求体(请求数据)体中。

    ☆表单提交方式与乱码问题

           无论是get还是post方式,对于Tomcat服务器端,默认的解码方式是ISO8859-1,因此中文会出现乱码。解决:通过用ISO8859-1进行编码,再用相应的中文码表进行解码即可。
           如果是post提交,可以使用request.setCharacterEncoding(“GBK”);来解决乱码问题,该方法只对数据体有效即该方法只设置数据体的编码方式。因此,通常表单使用post提交,因为这样编码更方便。


    浏览器与服务端的交互方式

    ☆客户端(浏览器)与服务端交互的三种方式:

    1) 地址栏中输入url地址—— get方式
    2) 超连接 —— get方式
    3) 表单—— get和post方式

    ☆客户端与服务器的数据校验问题

    1) 客户端进行了增强型的校验,服务器是否还要校验?

    2) 服务器端进行了增强型的校验,客户端是否还要校验?


    头标签 <head>

    头标签都放在<head></head>头部分之间。
    包括:title  base  meta  link

    ☆ <title>

    ☆ <base>

    href 属性:指定网页中所有的超链接的目录。target 属性:指定打开超链接的方式,如_blank 表示所有的超链接都用新窗口打开显示。

    ☆ <meta>

    name 属性:网页的描述信息。当取keywords时,content属性的内容就作为搜索引擎的关键字进行搜索。
    http-equiv 属性:模拟HTTP协议的响应消息头。 

    ☆<link>

    rel 属性:描述目标文档与当前文档的关系。type 属性:文档类型。media:指定目标文档在哪种设备上起作用。


    其它标签 

    ☆<marquee> 

    设置被包括的内容在屏幕上按指定方式滚动

    direction 属性:left  right  down  up
    behavior 属性:scroll  alternate  slide

    ☆<pre>

    可以将文本内容按在代码区的样子显示在页面上,但对于html的标记则不会原样显示,但若将“<”改成&lt,“>”改成&gt,在将其变成“<”,“>”输出的同时会将包围的内容原样输出

    ☆几个纯数据封装标签

    div标签    span标签    p标签

    ☆标签分为两大类

    1) 块级标签(元素):标签结束后都有换行。 div p dl ol ul table title
    2) 行内标签(元素):标签结束后没有换行。 font span img input select a

    ☆XHTML 与 XML

    lable标签:给元素定义快捷键


    展开全文
  • 网页编程----HTML网页编程

    千次阅读 2019-08-01 21:43:52
    网页编程也是每个程序员必懂的技能。本阶段课程主要讲解 HTML5、CSS3 和 JavaScript 语言以及 Jquery。对于 JAVA 程序员来说,不需要像前端程序员那样精通这部分内容,但是需要做到熟悉。 第一节:互联网的三大基石 ...

    网页编程设计(HTML)

    ​ 目前软件行业大多数的项目都是基于 B/S 架构,即在浏览器端实现效果展示。网页编程也是每个程序员必懂的技能。本阶段课程主要讲解 HTML5、CSS3 和 JavaScript 语言以及 Jquery。对于 JAVA 程序员来说,不需要像前端程序员那样精通这部分内容,但是需要做到熟悉。

    第一节:互联网的三大基石

    1.1 概念

    HTML(Hyper Text Markup Language):超文本标记语言
    HTTP(HyperText Transfer Protocol):超文本传输协议
    URL(Uniform Resource Location) :统一资源定位符

    1.2 理解示意图

    [外链图片转存失败(img-yMKZulXy-1564666966476)(C:\Users\Administrator\Documents\HTML基本结构.jpg)]

    第二节:HTML 入门

    2.1 为什么学习 HTML?

    需求:(生活中遇到问题)
    随着技术的发展,信息量的增大网页的数据信息没有办法完美的、漂亮的展现到用户的面前。
    意义(作用):
    HTML是一种专门对网页信息进行规范化展示的语言。把网页的信息格式化展现的语言。

    2.2 什么是 HTML?

    HTML(Hyper Text Markup Language):超文本标记语言
    超文本:文本信息 、图片、声音、视频、超链接等
    标记:标签的体现

    2.3 学习的网站

    w3cschool在线教程(网址:http://www.w3school.com.cn/)

    2.4HTML 的基本结构

    [外链图片转存失败(img-CXXgHXqn-1564666966478)(C:\Users\Administrator\Documents\互联网.jpg)]

    第三节:Head 标签的子标签

    3.1 常用标签

    #### 实例

    实例 1 - 定义文档关键词,用于搜索引擎:

    实例 2 - 定义web页面描述:

    实例 3 - 定义页面作者:

    实例 4 - 每30秒刷新页面:

    第四节:基本标签

    4.1 基本标签

    【新时代·幸福美丽新边疆】西藏:代代接力守护绿色家园

    【新时代·幸福美丽新边疆】

    【新时代·幸福美丽新边疆】

    【新时代·幸福美丽新边疆】

    【新时代·幸福美丽新边疆】

    【新时代·幸福美丽新边疆】
    【新时代·幸福美丽新边疆】

      新华网阿里5月11日电(张宸 雪珍)55岁 的白玛加布看着在
    玛旁雍错边飞舞的海鸥和欢呼的游客,脸上露出了欣慰的笑 容。

    新华网阿里5月11日电(张宸 雪珍)
    55岁的
    白玛加布 看着在
    

    第五节:基本标签 2

    5.1 常用基本标签

    北京尚学堂

    北京尚学堂

    北京尚学堂

    北京尚学堂

    23

    log7

    北京尚学堂

    北京尚学堂

    北京尚学堂

    作用:
    【1】树形菜单
    【2】导航栏的布局

    1. javaSE
    2. javaEE
    3. javaME
    • javaSE
    • javaEE
    • javaME
    java
    javaSE
    javaEE
    javaME
    北京尚学堂

    第六节:超连接标签

    6.1 超链接标签的作用
    超链接标签的作用(不会自动换行)
    【1】实现不同页面之间的跳转
    href:指定跳转到目标资源的位置
    target:打开网页的方式
    【2】实现锚点功能
    6.2 超链接标签的使用

    02小标签测试

    北京尚学堂
    锚点功能
    返回底部
    返回顶部

    第七节:图片标签

    7.1 图片标签的注意
    img (不会自动的换行)
    src:引入图片的位置{相对路径、绝对路径、网络路径 }
    title:图片的标题
    原始 宽和高
    400px 260px
    200px 130px
    border:图片的边框
    alt:图片无法正常显示的时候显示的属性
    align:图片的位置 ,必须有参照物
    7.2 图片标签的使用

    6666 图片显示错误 8888

    第八节:表格标签

    8.1 表格标签的注意事项
    table>tr3>th3 :声明3行3列的表格
    table表格的自适应能力 (align=“center”)整个的表格整
    体居中
    width=“300px” height=“300px”

    cellpadding:内容和单元格的距离

    cellspacing:单元格和单元格的距离
    tr:行 :height
    td/th:列 width
    td:普通的列
    th:标题列:自动的居中,加黑效果
    colspan:列合并
    rowspan:行合并
    bgcolor:背景颜色

    第九节:表单标签学习 1

    https://www.baidu.com/s?键1=值1&键2=值2
    action:表单提交的位置
    method(get/post):表单提交的方式
    GET:
    (1)参数会依附于url地址之后
    (2)利用get方式提交数据,数据的长度有限制
    (3)利用get方式提交数据,是不安全的
    Post
    (1)请求不会依附于地址,
    (2)利用post处理参数不受限制
    (3)post提交数据比较安全

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title>My Web</title>	
    	</head>
    	<body>
    		
    		<form action="01HTML.html" method="post">
    			
    			<input type="txt" name="wd"/>
    			
    			<input type="submit" value="百度一下" />
    		</form>
    
    	</body>
    </html>
    
    

    第十节:表单标签学习 2

    账号:
    密码:

    男:
    女:

    抽烟:
    喝酒:
    烫头:

    个人介绍: 你


    中国 美国 日本 新加坡

    第十一节:框架签学习

    1、iframe 框架学习:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    	</head>
    	<body>
    		
    		<ul>
    			<li><a href="http://www.baidu.com" target="ifm">百度</a></li>
    			<li><a href="http://www.taobao.com" target="ifm">淘宝</a></li>
    			<li><a href="http://www.jd.com" target="ifm">京东</a></li>
    		</ul>
    		
    		<!--框架学习  width:宽度  height:高度  src:默认路径 -->
    		<iframe width="1000px" height="550px" name="ifm" src="http://www.baidu.com"></iframe>
    		
    		
    	</body>
    </html>
    

    2、frameset 框架学习

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    	</head>
    	
    	 <frameset rows="150px,*,100px">
    	 	
    	 	<!--顶部部分-->
    	 	 <frame  src="admin/top.html" noresize="noresize"/>
    	 	<!--中间的部分-->
    	 	
    	 <frameset cols="10%,*">
    	 	 <!--左侧部分-->
             <frame  src="admin/left.html"/>
             <!--右侧部分-->
             <frame  src="admin/right.html" name="rig"/>
    	 </frameset>
     	      <!--底部部分-->
             <frame  src="admin/bottom.html"/>
    	 	
    	 </frameset>
    	
    	<!--<body>
    	</body>-->
    </html>
    

    第十二节:div 标签学习

    13.1div 标签的注意事项
    div本身是没有任何的含义
    div:作用就是把网页进行模块化的划分
    13.2div 标签的使用

    第十三节:H5 中增强表单标签

    邮箱: 年龄: 滑动器: 搜索: 日期: 日期: 日期: 颜色: 网址: H5中表单增强的属性 placeholder autofocus:自动的获得焦点 max:最大值 min:最小值 minlength:最小长度 maxlength:最大长度 账号: 密码: 密码:

    第十四节、HTML5 中新增结构标签

    16.1 博客地址
    https://www.cnblogs.com/fly_dragon/archive/2012/05/
    25/2516142.html
    16.2 标签的使用

    第十五、HTML5 中音频视频标签

    17.1 标签的使用

    改网页不支持媒体标签 改网页不支持媒体标签 改网页不支持媒体标签
    ### 第十六节、HTML5 中的绘图标签

    18.1 标签的使用

    IT程序员
    请选择

    中国1

    中国2

    中国3

    中国4

    IBM IBM1 IBM2 IBM3
    展开全文
  • 不会python我照样能爬虫扒网页,推荐几款无需编程的爬虫工具.zip
  • EHTM---[易网页]是一款于2014年11月18日正式发布的、定位于为企业、站长、开发者、网络公司、各种手持设备等等基于微软系统,linux下的网页开发的全中文网页编程语言,本语言的网页编程代码编写非常符合国人的编程...
  • 如何通过编程打开一个网页

    千次阅读 2014-01-29 10:57:18
    1.使用API:ShellExecute,可以打开一个网页,具体用法为: ...  使用此API 有一个缺点,如果当前浏览器已经在运行,只会将当前浏览器的active Tab 页替换成我们要指定的网页不会新打开一个网页。此

    1.使用API:ShellExecute,可以打开一个网页,具体用法为:
       ShellExecute(NULL,"open","http://blog.csdn.net/smartfox80",NULL,NULL,SW_SHOWNORMAL);
       使用此API 有一个缺点,如果当前浏览器已经在运行,只会将当前浏览器的active Tab 页替换成我们要指定的网页。不会新打开一个网页。此API 针对所有浏览器有效。


       通过下面的做法,可以新打开一个网页,不会破坏原来的网页,(实际上是新打开一个IE进程,然后打开一个网页)。
       ShellExecute(NULL,"open","IEXPLORE","http://blog.csdn.net/smartfox80",NULL,SW_SHOWNORMAL);
       这种做法实际上是,每次执行上面的代码,新打开一个IE进程,然后打开一个指定的网页,另外,这样的做法,只对IE浏览器有效。

    2.使用IWebBrowser2 接口(com接口),获取当前所有的URL列表,然后找到符合条件的url,然后重新定向到新的url,这样不会执行一次,就会打开一个新的窗口,主体代码如下:

    #import   <mshtml.tlb>
    #import   <shdocvw.dll>
    void CTestAndCheckMFCDialogDlg::OnBnClickedButton4()
    {
       SHDocVw::IShellWindowsPtr   m_spSHWinds;   
       CoInitialize(NULL);   
       bool bFindHelpUrl =false;
    
       if(m_spSHWinds.CreateInstance(__uuidof(SHDocVw::ShellWindows))   ==   S_OK)   
       {   
            IDispatchPtr   spDisp;   
            long   nCount   =   m_spSHWinds->GetCount();   
            for   (long   i   =   0;   i   <   nCount;   i++)   
            {   
                _variant_t   va(i,   VT_I4);   
                spDisp   =   m_spSHWinds->Item(va);   
                SHDocVw::IWebBrowser2Ptr   spBrowser(spDisp);   
                if(spBrowser !=  NULL)   
                {   
                     IDispatchPtr   spDisp;   
                     if(spBrowser->get_Document(&spDisp) ==S_OK && spDisp != 0)   
                     {   
                          MSHTML::IHTMLDocument2Ptr   spHtmlDocument(spDisp);   
                          MSHTML::IHTMLElementPtr   spHtmlElement;   
                          if(spHtmlDocument == NULL)   
                              continue;  
    
                          spHtmlDocument->get_body(&spHtmlElement);   
                          if(spHtmlDocument==NULL)   
                              continue;   
    
                          _bstr_t   str;   
                          str = spBrowser->GetLocationURL();//URL of IE   window();   
                          //AfxMessageBox(str);
       
                          _bstr_t aa("http://blog.csdn.net/smartfox80");//替换后的URL
                          char *pTemp = str;
                          char *pFind = strstr(pTemp,"xxxxx");
                          if(pFind != NULL)
                          {
                              bFindHelpUrl =true;
                              spBrowser->Navigate(aa);
                          }
                          break;
                     } //end of if  
                 }   
            }   
    
       }   
       if( !bFindHelpUrl )
            ShellExecute(NULL,"open","IEXPLORE","http://blog.csdn.net/smartfox80",NULL,SW_SHOWNORMAL);
    
       CoUninitialize();   
    }
    


     

    展开全文
  • 动态网页编程新手入门必读

    千次阅读 2008-11-01 12:16:00
    动态网页编程新手入门必读 (转载出处:点击设计 http://www.djasp.net ) 在上面的教程文章中,...作者本人虽然在动态网页编程方面没有很大的建树,但根据本人近五年来对网页的疯狂追求和学习,也对网上诸多动态语
      
    

    动态网页编程新手入门必读

            (转载出处:点击设计 http://www.djasp.net

      在上面的教程文章中,大家学习了静态网页HTML标签、CSS层叠样式表、JavaScript和VBscript脚本相关内容,在这里,大家即将步入动态网页设计大门,作者本人虽然在动态网页编程方面没有很大的建树,但根据本人近五年来对网页的疯狂追求和学习,也对网上诸多动态语言有所了解,在这里还是要给大家几点忠告,如果大家想学好动态网页编程,还是认真读一下本文,希望对大家学习动态语言有所帮助!

      学好动态语言的前题--必须精通HTML超文本标记性语言,对客户机与服务器之间的请求应答模式有所了解,熟练一种或多种客户端脚本语言,最好有程序语言相关基础,特别是面向对面向对象的程序设计有一定的基础。

     

    那么下面听我一一道来:

    必须精通HTML,有手写HTML代码的能力:

      很多人可能这样认为:有了前台编辑软件诸如FrontPage、Dreamweaver、Visual Studio WebDev,我还学HTML干嘛?现在做网站都是什么ASP,PHP,JSP动态网页,我还学HTML静态的代码干嘛?如果你也有这样的认为,那就大错特错了!
      一般的网页编辑才用那些软件,但是要真正成为网页高手,必须得学HTML,必须学会分析HTML源代码,而且要学其它的动态网页编程,您必须精通HTML代码的组成,以及其各类网页元素标签,属性等等。因为像网络高级编程技术ASP、PHP、Java,最终都还会转化成HTML格式的文本而发给客户浏览器。下面我们就用最通俗的语言来简要说明一下一般动态网页中,服务器与客户机之间的应答请求模式(即B/S模式)。

      首先我们来分析一下通常的静态网页是怎样工作的呢?首先我们必须把要让别人浏览的网页放在服务器上,而这个服务器就是专门用来提供WEB服务的。浏览网页的人所在的机器,我们叫它客户机。这时,浏览者就可以在地址栏中输入服务器的地址,来访问网页,而服务器具体地是怎样让浏览者看到网页的呢?首先我们知道,用户要打开浏览器,然后在地址栏中输入网址,回车,这时,浏览器会将客户的请求命令信息,也就是我们所说的Http头(这里我们暂且叫它字符串)发送给服务器,而这些“字符串”中包含有特定的诸如客户机的地理位置、浏览器版本、操作系统、请求页面的方式等等内容的一些命令,当服务器接收到这些命令后,就会把网页内容发送给客户,那么它发送的倒底是什么信息?就是HTML代码,HTML代码是任何类型的浏览器都能够认得的语言。就像我们人类的语言一样,中国人讲汉语,法国人讲法语,那么我们是怎么沟通的呢?我们都去学英语,最后我们就可以交流了,在这里,英语就是一种大家都能明白的语言。程序也一样,对于网页,只有HTML代码是几乎所有浏览器都认得的语言,那么服务器把HTML代码直接发送给客户机。当客户机收到HTML代码后,会将代码放到客户机硬盘的一个临时文件夹中,然后再将临时文件夹中的HTML文件装入到客户机器的浏览器里,让浏览器解释执行HTML代码,并生成我们能看到网页实质内容,这就是一般静态网页的请求-应答模式。

     

    由于大家都知道,服务器上是不经过任何处理,就直接把HTML代码发给客户端的,所以它不存在着安全性,在这里就不多说了。

      那么动态网页又是怎样执行的呢?我们再来以刚才这种思路分析一下:首先用户在客户机的浏览器地址栏中输入要查看的动态网页相关信息,浏览器用户的请求以HTTP头命令的形式将请求信息发送给服务器,而服务器此时接收的是一个需要查看动态网页的信息,这时服务器并不是直接把动态网页的代码发送到客户端的,由于浏览网页的用户很多,这就意味着客户机的操作系统、浏览器都不会是统一的,而我们说过,客户机浏览器只能够认得HTML和相关客户端脚本代码,所以服务器端必须将动态网页代码进行加工,将它们转换成客户机都认得的语言(HTML),这个加工的过程就是由动态语言来执行的,也就是说,动态语言就是首先在服务器端执行,生成HTML代码,然后再将生成好的HTML代码发送给客户机,让客户机解释执行。也就是说动态语言它并不是浏览器能认得的代码,而仅仅只是在服务器端加工数据,处理生成HTML代码的一种脚本语言,由于它在服务器端执行,即动态语言并不会发送给客户端,所以我们通常可以在动态语言中放入一些安全信息,如用户登录,表单数据处理,写入数据库等,提高了程序的安全性(有关动态语言更多内容,请见后面的文章,在这里就不多说了)。

      介绍了上面的内容,相信大家对“静态”与“动态”有所了解了吧?在这里我们或许说“客户端语言”与“服务器端语言”来的直接!的确,HTML是客户端让浏览器解释执行的,动态语言是在服务器端执行的,如果没有了客户端的HTML,我想谈这些服务器端的也失去了它的意义。就好比大树没有根,人没有脚一样。我在上面的内容中,一再强调动态语言执行后最终都将生成HTML,而这个生成的过程就是由动态语言来完成的,可见,如果你连HTML都不懂,又谈什么去学习网页动态语言呢?可见HTML对于我们学习动态语言的必要性!

      上面我们说了HTML的必要性,以及客户机与服务器的通信简述。那么我们仅仅只学好HTML还是不够的,除此我们最少还需要熟练掌握一种脚本语言技术,如VBScript、JavaScript,这两个最常见的脚本语言,你必须熟练掌握其中一种,为什么呢?因为ASP也是建立在这两种脚本语言基础之上的,ASP的程序逻辑处理就是靠脚本语言来实现的,而我们学习ASP,常用的默认服务器脚本语言就是VBScript,如果你只想快速地学好一种动态语言,那么VBScript无疑是首选,它是VB编程语言的一个子集,会VB的人自然就会VBScript了,相对于JavaScript来说,它要简单得多,容易学得多,特别对于初学者。而且它与ASP都是微软的产品,两者结合更加完美。当然,它的功能相对于JavaScript来说,也要少得多。

     

    如果您想真正学好网页,无论是客户端脚本语言、DOM,还是服务器端语言,那么JavaScript是你首选的内容,由于微软的产品几乎都有一种通病,那就是它的产品只能在它自己的操作系统和环境下才能运行,而我们对于客户端脚本编程来说,是必须考虑到语言的通用性,即兼容性,而不能只在某一种操作系统或是浏览器中才能执行,JavaScript则很好地解决了这个问题,VBscript只能在微软的IE浏览器上执行,而JavaScript几乎可以在任何一种支持脚本的浏览器中执行,且功能相对于VBScript来说要大得多,也相对比VBScript要更复杂。好了,说到这里,相信大家对这两种脚本语言也有所认识,如果读者对其中一种脚本语言熟悉,那么就开始学习动态语言吧。如果还不熟悉,那么请跟据您自己的爱好,还是先看一下脚本语言的相关教程内容吧。

      从上面的说明中,本人再给大家总结一下,本人认为最好的两种学习动态语言的途径:

    一、速成:

      1、先学好HTML,认识HTML标签,至少是最常用标签,要弄得非常熟悉,最好能够手写HTML代码;
      2、学好VBScript,至少要学会VBScript的各类语法,简单程序逻辑思维。
      3、开始学习ASP基本内建对象,编写简单ASP页。
      4、参考一下SQL语法基础,了解ADO学习ASP访问数据库,初学首选Access
      5、提高,您知道以后该怎么做了。

    二、慢学,注重基础:

      1、先学好HTML,认识HTML标签,表单事件,帧框架,弄得非常熟悉,最好能够手写HTML代码;
      2、花一两个星期记一下CSS文档属性,参考一下XHTML的网页标准,在做网页的时候尽可能地将网页标准化。
      3、学好JavaScript,会编写简单DHTML动态页、对DOM文档对象模型有一定的了解。
      4、开始学习ASP基本内建对象,编写简单ASP页,因为学的脚本是JavaScript,最好以JavaScript作为Asp脚本。
      5、参考一下SQL语法基础,了解ADO学习ASP访问数据库,初学首选Access
      6、提高,您知道以后该怎么做了。

    最后送大家一句话:任何一种语言都有自己的特点,作为一个真正的动态网页编程开发者,是不会去侃:".Net比ASP好,ASP过时了 "这样的话的,学哪种语言都不重要,最重要的是你有编程思想,编程语言只是一种实现你的思想的工具,没有思想都是空谈,不要被网上诸多如.Net,Jsp,XML的新技术,新名词所迷惑,与其不断追求新技术,倒还不如学精身边己过时的技术,如C,C++等的算法,数据结构。注重基础,等你精通一门己过时的语言后,再去学习那些新技术,就是个把星期的事了,如果不注重基础,虽然在短时间內成获得很大的成就感,但你也只能看见眼前的,对更远一点的知识却是一片迷茫~~

    展开全文
  • 如何学习网页编程.该学什么语言?

    千次阅读 2009-12-15 12:29:00
    很多人在初学网页编程都有烦恼,例如"我是初学者,我应该从哪里开始学习","我的某方面不好,对WEB编程有没有影响","学习WEB编程的话要从什么地方写起,ASP ASP.NET PHP JAVA 先学哪个,后学哪个."等等,类似这种求救贴挺...
  • 不用代码,不用编程语言。为不会编程语言的人而准备。
  • 编程容易产生挫折,即使作为一种业余爱好也可能是这样。建立一个网页,手机APP或桌面...这就是为什么找来了这些比较好用的笔记工具。可以看看是否有你在的。同样也欢迎大家在留言区分享你最喜爱的笔记软件! 1. ...
  • 网页编程设计常用的各类标签

    千次阅读 2018-11-12 21:38:54
    之前看了一些js的学习资料,完成了一个非常简单的图片库创建,一开始在运行资料中的各个示例程序时看到了几个网页编程的最基础的标签,并没有再深究,只知道它是这样,今天上了网站开发技术,老师讲到了网页编程的...
  • 到这一步,你学习的过程就像你学习编程的你,学完后不懂干什么,能一些小东西的时候又感觉自己还是很多不懂,距离自己想成一个成熟的软件感觉依旧很远。其实并不远。这个时候我告诉你,你就还差两步,你的香辣虾...
  • HTML---网页编程(1)

    万次阅读 2016-05-22 12:09:43
    前 言HTML需要和CSS还有JS一起,才能提现强大。 所以,学了HTML。最好去学学CSS还有JS(JavaScript)☆静态页面和动态页面网站页面分为静态页面和动态页面两种 • 静态页面:有一个html页面文件保存在服务器上,...
  • 一个没有涉及网络编程的应用会显得比较low,这里我们将会开始使用Swift开发iOS应用,并且主要来实现网络操作方面的功能。  这里的需求是获取某个网页的Html源代码,即从网上获取数据。具体实现如下: (1)创建一个...
  • 随笔-学习编程有没有必要笔记?如何笔记?

    万次阅读 多人点赞 2018-07-07 21:16:18
     对于刚刚学习编程或者已经学习了编程的朋友,难免会产生该不该笔记的想法。是做好?还是多练习几遍比较好?下面将个人想法和大家分享一下,希望给正在迷茫的你能提供一点帮助 问题  1.学编程有没有必要笔记...
  • Java 网络编程

    万次阅读 多人点赞 2019-05-30 23:07:18
    首先理清一个概念:网络编程不等于网站编程,网络编程即使套接字来达到进程间通信,现在一般称为TCP/IP编程。 计算机网络: 把分布在不同地理区域的计算机与专门的外部设备通信线路互连成一个规模大,功能强的...
  • WordPress自建博客的朋友可能都遇到过这样的情况,好不容易找到一个中意的模板,结果有些地方显示的是英文。比如:文章末尾显示的不是...不会编程、不懂英语的小白,如何能做到汉化英文模板呢? 别急,小鑫来教你。
  • 随着Scrapy等框架的流行,Python等语言写爬虫已然成为一种时尚。但是今天,我们并不谈如何写爬虫,而是说说不要写代码就能写出来的爬虫。 爬虫新时代 在早期互联网世界,写爬虫是一项技术含量非常高的活,往...
  • 网络编程学习笔记一:Socket编程

    万次阅读 多人点赞 2013-03-21 01:11:11
    话虽些许夸张,但是事实也是,现在的网络编程几乎都是的socket。 ——有感于实际编程和开源项目研究。 我们深谙信息交流的价值,那网络中进程之间如何通信,如我们每天打开浏览器浏览网页时,浏览器的进程怎么与...
  • 学习web前端,初学者应该用什么编程软件

    万次阅读 多人点赞 2018-09-16 14:18:56
    Web前端开发最常见的编程软件有以下几种: DreamWeaver是一款老牌前端开发工具,功能强大且组件丰富,作为前端开发的一款利器被广泛使用。DreamWeaver是一款可视化的前端开发工具,一边写代码一边就能看到效果,...
  • 什么会有这么多的编程语言?不同的cpu有着不同的指令集,这些指令集都是二进制的0和1;后来有了汇编语言,可以认为是二进制指令的助记符表示;再后来有了高级编程语言,它们通过编译器又变回了汇编语言或者机器...
  • 无论使用什么方法-铅笔和纸,滑尺,添加机器或计算机,问题的解决都需要进行编程。当然,一个程序如何取决于问题中使用的设备解决。” 这是从 皇家精密, LGP-30 电子计算机编程手册 。 对于那些从未听...
  • 《黑马》——C++核心编程

    万次阅读 多人点赞 2020-09-05 18:35:50
    本阶段主要针对C++面向对象编程技术详细讲解,探讨C++中的核心和精髓。 1 内存分区模型 C++程序在执行时,将内存大方向划分为4个区域 代码区:存放函数体的二进制代码,由操作系统进行管理的 全局区:存放全局
  • 网络编程面试题(2020最新版)

    万次阅读 多人点赞 2020-03-16 17:36:28
    文章目录计算机网络体系结构网络协议是什么?为什么要对网络协议分层?TCP/IP 协议族应用层运输层网络层数据链路层物理层TCP/IP 协议族TCP的三次握手四次挥手TCP报文的头部结构三次握手四次挥手常见面试题为什么TCP...
  • 网页编程基础第三章知识点总结——超链接和图像 知识点预览 网页中的超链接 网页中的图像   网页中的超链接   1.超级链接和URL a)超级链接的构成 Oracle  i.可见部分:带下划线的文字  ii.不可见部分:URL...
  • 本帖最后由 ...之前在CB看到google为了能让更多的人给自己的Android设备开发软件,开发了AppInventor,让不懂编程的人也可以制作出android应用程序,当时就提交了申请,月初就收到了回信,后来把这事
  • 什么我说Rust是靠谱的编程语言

    万次阅读 多人点赞 2015-05-16 02:59:21
    下面我们看看现实中Rust已经做到了什么程度(不是能做什么,而是什么,咱们靠事实说话): 底层开发: rustboot rustos barebones reenix 5steps others 中层开发: Servo 浏览器...
  • 就目前Python发展而言,Python主要有以下五大主要应用:网络爬虫数据分析网站开发人工智能自动化运维接下来和大家聊聊这几个方面: 一、网络爬虫 首先,什么叫网络爬虫?网络爬虫又称网络蜘蛛,是指按照某种规则在...
  • 学黑客要学什么编程语言

    万次阅读 多人点赞 2014-03-30 07:56:16
    基本黑客技术  黑客态度是重要的,但技术更加重要。态度无法替代技术,在你被别的黑客称为黑客之前,有一套基本的技术你必须掌握。...如果你还不会任何计算机语言,我建议你从Python开始。它设计清晰
  • 2020年7月28日:从此不再推荐notepad++,该作者有严重的政治倾向,故移除了该软件的推荐。这里感谢小可爱们善意的提醒,我也去官网上查了一下,确有此事。软件工程师的职责是给用户好用的软件,而...我重新了分...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 133,808
精华内容 53,523
关键字:

不会编程用什么做网页