01のJavaのWeb開発者が開始します

1つのウェブ概念の概要

Javaの総称ページサイド言語を使用してJavaのWeb開発、使用できるすべてのツールや言語が含まれています

1.1分類

    CSアーキテクチャ:クライアント/サーバーのユーザーは、ローカルクライアントを持っています、

        長所:大1ゲームがローカルエンド(地図や皮膚)が局部的に必要が必要です。高速かつ安定しました。

         短所:1 、ローカルサーバのそれぞれ、および開発、二つの異なる地域展開、メンテナンスの問題

    BSアーキテクチャ:ブラウザ/サーバ、ブラウザ/サーバー

          唯一のブラウザが必要です、WebサイトのURLを介してユーザは、クライアントが別のサーバーにアクセスすることができます。

         長所:開発とメンテナンスの展開とシンプルなメンテナンスあなただけがサーバーを開発する必要があります。

         短所:アプリケーションが大きすぎて、ユーザーエクスペリエンスの低下である場合。帯域幅が限られています。ハードウェア要件は高すぎます。

1.2 BS詳細なアーキテクチャ:

各ブラウザは、解析エンジンを持っています

リソースカテゴリ:

    静的リソース:リリース静的なWeb開発技術リソースを使用します

           特徴:すべてのユーザー・アクセス、結果は、テキスト、画像、オーディオ、ビデオ、HTML、CSS、JavaScriptなど、同じです。ユーザーが静的リソースを要求した場合、サーバーがブラウザに静的リソースに直接送信され、ブラウザが内蔵され解析エンジン静的リソース、静的なリソースを解析することができます。          

    動的なリソース:リソースの使用および動的なWeb技術のタイムリーなリリース。

          特長:JSP /サーブレット、PHP、ASP ...ユーザーが動的なリソースを要求した場合、サーバーは静的リソースに、動的なリソースを実行し、ブラウザに送信されたとして(ブラウザのみ静的リソースを解析)。

576E877E-89EE-4c96-9548-3B547CB6D8BD

HTML:Webページを構築するための基盤、すなわちコンテンツ

CSS:フォントを変更ページなどの造園やレイアウトのために

JavaScriptを:制御ページ、いくつかの動的効果があり、そのページので(図の交換)


2.1 HTML最も基本的なWeb開発言語。

     コンセプト:ハイパーテキストプロトコル

            超文本是使用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本。标记语言:标记非编程语言,无逻辑,主要由标签构成的语言。<标签名称>如html,xml。

      快速入门:

语法:html文件,后缀名为html。

       围堵标签:即一对html标签,为开始标签和结束标签;尾巴标签加 /

        嵌套标签:标签可以嵌套,嵌套需要正确姿势,不可交叉,即<b><a><a><b>;解析中,标签将被解析,不显示。

        自闭和标签,开始标签与结束标签在一起,如<br/>,也就是一个标签。

        在开始标签中,可以定义属性,属性是由键值对组成,值用引号,单双都行引起来,

        HTML的标签不区分大小写,建议小写。

2.2 HTML标签

HTML已经定义很多标签,供开发中使用,通常使用HTML参考手册。H5主要用于移动端开发,PC端也会涉及一些。

2.2.1 文件标签:构成HTML最基本的标签

        <!DOCTYPE html> 表示html文档

         html标签:html文档的根标签

         head标签:头标签,指定HTML文档的一些属性,还可以引用外部的资源

        title标签:标题标签,定义标题的标签【书籍、诗歌、图画、乐曲等的) 名称,标题,题目; (书刊的) 一种,一本; (人名前表示地位、职业、婚否等的) 称号,头衔,职称,称谓】

        body标签:体标签,也就是页面

2.2.2 文本标签:与文字相关的标签

          <h1> to <h6> 定义HTML标题,类似于一级标题,二级标题(默认加粗)

         <p>定义一个段落,段落直接有间隔,显示效果与换行有所不同。

          <br>定义简单的换行:自闭和标签,换行效果

          <hr>定义水平线,自闭合标签,这个一般不再使用,使用CSS来控制属性   color 颜色 (取色器) 分 两种,1种英文单词直接定义,一种是rgb(值1,值2 ,值3) 互调。每种0-255,换算16进制就是00-FF。如下color=“#FF00FF”。红绿蓝三色配比。

        width 宽度 也就是长度。width=20px px也就是像素。或者20%,数值百分号表达相对于父元素的比例。

         size是高度 粗细,

         align是位置。

ED985A1C-E735-4d92-92B4-6B48887E3D7C

         <!--注释内容-->定义一个注释,感叹号+两个-+注释内容+两个-

          <b>定义粗体文本

          <i> 定义斜体文本

          <font>H5不支持,H4废弃,此前定义字体,颜色 大小。

          <center>H5淘汰。

0EC02E6C-C65F-4109-ABF4-CBE2922C6428

2.2.3 图片标签:与图片相关的标签img标签

     <img/>自闭合标签。

     <img src = “位置” align = “right” alt = “古镇” (万一图片不对,替换显示的文字)/>

         AEA5925B-6F85-4130-8637-27953BDFC65E

         相对路径:

          ./ 代表当前目录,默认也是如此

          ../代表上一级目录。


2.2.4 列表标签:

         有序列表:

ol

li

866476C3-42A0-485b-BA53-C0A8FC47EBA3

         无序列表:

ul

li

2.2.5 链接标签:超链接标签

         

2.2.5 表格标签:

     table 定义表格(内含多个属性)

      tr  定义行

      td 定义单元格

      th 定义表头单元格


FF648698-F5FF-477f-B6B6-D075F3C0786C

8637C342-9912-43ea-80CF-B7EA99FEF53A


8F0E2762-ED8B-422A-AC65-10ED67E8600D


E02350EA-C948-46d6-BD7D-BDA51A3452CE

2.2.6 div和span

       div 每个div占满一整行,块级标签

       シングルライン表示上のスパンテキスト情報、インラインタグ、インラインタグ。

2.2.7セマンティックタグのスタイルを向上させる上でH5、可読性

     <ヘッダー>ヘッダー始まります

      <フッタ>フッターの結末

2.2.8表のプロパティ


2.2.9フォームタグ

サーバーとの相互作用のために、ユーザーによって入力されたデータを収集するために使用します。フォームは、データボックスを提出しています

5566C8A2-6CAD-4e78-99E7-D4A43F9F0F8B

D034AC0E-C6F1-4269-8340-D2E7F2E336DF

プロパティには3が含まれています

アクション=「URLサーバアドレス」

方法:、7種類、一般的に使用されるの2種類の合計を提出を指定し、

リクエストパラメータを取得し、それがアドレスバーに表示されますされ、リクエストパラメータの大きさが限られている。安全ではありません

一つは、ポストリクエストパラメータは、もはやアドレスバー、より安全な、無制限のリクエストパラメータのサイズは表示されませんです。

55336D75-4310-44c8-A25B-D5A1A0FD80AB




おすすめ

転載: www.cnblogs.com/rango0550/p/11055960.html