JavaWeb の HTML の基本学習を詳しく紹介します。

JavaWeb01_html 基本

html 操作アイデア

• タグを使用して操作するデータをラップし、タグの属性値を変更することでタグ内のデータ スタイルを変更します

フォント タグ

• 属性:サイズ 値の範囲 1 ～ 7 色: 英単語、16 進数 #ffffff

タイトルタグ da580019ed5c93865e0586920d811d8e

4a249f0d628e2318394fd9b75b4636b1 473f0a7621bec819994bb5020d29372a ... 4e9ee319e0fa4abc21ff286eeb145ecc 489364b7e0629f9745997c79a31b7c6d

• 从h1到h6越来越小，自动换行

注释

• 4d6018a978959614927df657a8666c1d

列表标签

• 5c69336ffbc20d23018e48b396cdd57a 73de882deff7a050a357292d0a1fca94c72c1af5e0e7f90179c047c5ef85885e 67bc4f89d416b0b8236eaa5f43dee74282e295699cff932a4d4dabba39074c35 cd324b2387ec29e44e8e788c60648872

• 有序

• 无序

图像标签

• b3cb26ff25bf27daf17a7a16f59234f9

• alt:浏览器的兼容性很差

路径（相对路径）

• 在同一级目录：直接写

• 在下一层目录：images/1.jpg

• 在上层目录： ../

超链接标签

8fc5b7b29a34be241b983e970e31e526显示在页面上的内容5db79b134e9f6b82c0b36e0489ee08ed

• 打开方式 target=”_self _blank”

• 默认是在当前页面打开

表格标签

f5d188ed2c074f8b944552db028f98a1
    a34de1251f0d9fe1e645927f19a896e8
        b6c5a531a458a2e790c1fd6421739d1cb90dd5946f0946207856a8a37f441edf
        b4d429308760b6c2d20d6300079ed38e01c3ce868d2b3d9bce8da5c1b7e41e5b   555030cb2b5267c41522c066290065a2
    fd273fcf5bcad3dfdad3c41bd81ad3e5
f16b1740fad44fb09bfe928bcc527e08

html的五个规范

• 一个html文件开始标签和结束的标签100db36a723c770d327fc0aef2ce13b1和73a6ac4ed44ffec12cee46588e518a5e

• html包含两部分内容

• 93f0f5c25f18dab9d176bd4f6de5d30e设置相关信息9c3bca370b5104690d9ef395f2c5f8d1

• 6c04bd5ca3fcae76e30b72ad730ca86d显示在页面上的内容都写在body里面36cc49f0c466276486e50c850b7e4956

• html的标签是成对的

• html的代码不区分大小写

• 有些标签，在标签内结束。比如换行:df250b2156c434f3390392d09b1c9563 分割线:231a563c997aa9e3e0ae614bd16728b0

表单标签

• 可以提交数据到服务器，这个过程可以用表单标签实现

• ff9c23ada1bcecdd1a0fb5d5a0f18437和f5a47148e367a6035fd7a2faa965022e

• get请求地址栏会携带提交的数据，post不会携带

• get请求安全级别较低，post较高

• get请求数据大小的限制，post没有限制

• 常用的有两种 get和post get默认就是get请求

• action:提交到地址，默认提交到当前页面

• method:表单的提交方式

• enctype: 一般请求下不需要这个属性，做文件上传时候需要设置这个属性

• 面试题目：get和post区别

• 输入项：可以输入内容过选择内容的部分

• 普通输入项：5405ec19f1d2c7c9609565a405b3e7ac

• 密码输入项：36e29ba6ef97f5f43a0dfadc4ba067fc

• 单选输入项：bec2eb6e464ab42efd8e5ed305fe3a45
  -> 在里面需要属性name
  -> name的属性值必须要相同
  -> 必须有一个value值

• 复选输入项：af21edc47aa0b45af8003be38089a721
  -> 在里面需要属性name
  -> name的属性值必须要相同
  -> 必须有一个value值

• 文件输入项（在后面上传时侯用到）
  -> d9fae9a589f7d7312c0f67fffbcf927a

• 下拉输入项（不是在input标签里面的）
  

  <select name="birth">
      <option value="0">请选择</option>
      <option value="1991">1991</option>
      <option value="1991">1992</option>
      <option value="1991">1993</option>
      <option value="1991">1994</option>
  </select>

• 文本域
  

• <textarea cols="10" rows=""></textarea>

• 隐藏项（不会显示在页面上，但是存在于html代码里面）
  

• <input type="hidden"/>

• 提交按钮
  

• <input type="submit"/>
  <input type="submit" value="注册"/>

• 使用图片提交
  

• <input type="image" src="a.jpg"/>

• 大部分的输入项使用 345fd444834ea713d11a61ae4a25c4df

html中其它的常用标签的使用

• b –加粗

• s –删除线

• u –下划线

• i –斜体

• pre –原样输出

• sub和sup

  🎜 h1 から h6 までどんどん小さくなり、自動行折り返し🎜🎜🎜🎜 comments🎜🎜🎜🎜b97a9b0ffcdcfb36d568272c7a7a4896🎜🎜🎜🎜タグのリスト🎜🎜 🎜🎜5c69336ffbc20d23018e48b396cdd57a 73de882deff7a050a357292d0a1fca9482e295699cff932a4d4dabba39074c35🎜🎜🎜注文済み🎜🎜🎜 🎜画像タグ🎜🎜🎜🎜f83d36dff13abd962f07e206b9cc1d6b🎜🎜🎜🎜alt:Browse サーバーの互換性は非常に貧弱です 🎜🎜🎜🎜パス（相対パス） 🎜🎜🎜🎜を同じレベルのディレクトリに：直接書きます 🎜🎜🎜🎜を下位のディレクトリに：images/1.jpg 🎜🎜🎜🎜を上位のディレクトリに： 。 . /🎜🎜🎜🎜ハイパーリンク タグ🎜🎜92e53ebbb1d927e4092aac9c2a76a7b0ページに表示されるコンテンツ5db79b134e9f6b82c0b36e0489ee08ed🎜🎜🎜🎜 target="_self _blank" で開きます 🎜🎜 🎜🎜デフォルトは現在のページで開きます🎜🎜🎜🎜テーブルタグ🎜rrreee🎜htmlの5つの仕様🎜🎜🎜🎜HTMLファイルの開始タグと終了タグ100db36a723c770d327fc0aef2ce13b1と >73a6ac4ed44ffec12cee46588e518a5e🎜🎜🎜🎜html にはコンテンツの 2 つの部分が含まれています🎜🎜
  🎜🎜93f0f5c25f18dab9d176bd4f6de5d30e関連情報を設定します9c3bca370b5104690d9ef395f2c5f8d1🎜🎜🎜🎜6c04bd5ca3fcae76e30b72ad730ca86d本文にはページに表示される内容が記述されます36cc49f0c466276486e50c850b7e4956🎜🎜🎜🎜🎜html タグはペアになっています🎜🎜🎜🎜html コードでは大文字と小文字が区別されません🎜🎜🎜🎜一部のタグはタグ内で終了します。たとえば、改行: df250b2156c434f3390392d09b1c9563 区切り行: 231a563c997aa9e3e0ae614bd16728b0🎜🎜🎜🎜フォームタグ🎜🎜🎜🎜は、このプロセスは、フォームタグ🎜🎜🎜🎜ff9c23ada1bcecdd1a0fb5d5a0f18437およびf5a47148e367a6035fd7a2faa965022eを使用して実現できます🎜🎜
  🎜🎜get リクエストのアドレス バーには送信されたデータが含まれますが、post にはデータが含まれません🎜🎜🎜🎜get リクエストのセキュリティ レベルは低く、post のセキュリティ レベルは高くなります🎜🎜🎜🎜 get リクエストのデータ サイズ制限、post には制限はありません🎜🎜🎜🎜 一般的に使用される get と post の 2 つがデフォルトで Get リクエストです🎜🎜🎜🎜 アクション: アドレスに送信し、現在のページに送信します。 default🎜🎜🎜🎜method: フォーム送信メソッド🎜🎜🎜🎜enctype : この属性は一般的なリクエストには必要ありません🎜🎜🎜🎜インタビューの質問: get と post の違い🎜🎜🎜 🎜🎜入力項目：内容を入力し、内容部分を選択できます🎜🎜
  🎜🎜通常の入力項目：&lt ;input type="text"/>🎜🎜🎜🎜パスワード入力項目: ea46e67aeb2828cb0736258b2a692b52🎜🎜🎜🎜ラジオ入力項目: 1b813ae72f59ce453bffad526ca06c02
  -> 内には属性名が必要です。
  -> 名前の属性値は同じである必要があります。 >-> 値が必要です 🎜🎜🎜🎜入力項目を確認してください: 1587e90484ec28fb44fc75057d728e19
  -> 属性名が必要です。 br/>-> name の属性値は同じである必要があります。
  -> ファイル入力項目 (後でアップロードするときに使用します) が必要です。
  -> 714779e36f6b8fe3da1575391740131b🎜🎜🎜🎜ドロップダウン入力項目 (input タグ内ではありません)
  🎜rrreee🎜🎜🎜テキストフィールド
  🎜🎜🎜rrreee 🎜🎜🎜非表示の項目 (ページには表示されませんが、HTML コードには存在します)
  🎜 🎜🎜rrreee🎜🎜🎜送信ボタン
  🎜🎜🎜rrreee🎜🎜🎜画像送信を使用する
  🎜🎜🎜rrreee🎜🎜🎜入力項目のほとんどは24b92303acaffa45bc74c823cb1fb2a0」を使用しています🎜🎜🎜🎜🎜HTMLでの他の一般的なタグの使用🎜 🎜🎜🎜b – 太字🎜🎜🎜🎜s – 取り消し線🎜🎜🎜🎜u – 下線🎜🎜🎜🎜i – イタリック体 🎜🎜🎜🎜<code>pre – そのまま出力 🎜🎜🎜🎜 sub および sup – 下付き文字と上付き文字 🎜

• div – 自動行折り返し div –自动换行

• span –在一行显示

html头标签的使用

• html两部分组成 head和body

• 可以使用link标签引入css文件

• 可以统一设置超链接的打开方式601b81223496046ea1e683684b6cbbaa –设置全文超链接以新窗口打开

• d0570e7d83ad9ce401dcbd91a4ac9c0f –以前的搜索引擎检索方式

• 6d22264add33a63f2df6002f5dfb4383 –三秒跳转

• 在head里面的标签就是头标签

• title标签：表示在标签上显示的内容

• e8e496c15ba93d81f6ea4fe5f55a2244标签：设置页面的一些相关的内容

• base标签：设置超链接的基本设置

• link标签：引入外部文件

框架标签的使用

使用框架标签的时候，不能写在body里面，使用了框架标签，需要把body去掉

• f900b4fc197b16ab214eecf015bb6bd2标签

• rows:按照行进行划分 fcb6cc13998eaef4d3f9afa602023caa

• cols:按照列进行划分 b6142877576e70b35c26ba4a657346f3

• 04a0d55efbbfd646a993fbc01f262c57标签

• c34bdaaa68bf12ac10f5c94fca59cd2c

• span – 1 行で表示

HTML ヘッダー タグの使用
html は頭と体の 2 つの部分で構成されます🎜🎜
🎜🎜 link タグを使用して CSS ファイルを導入します 🎜🎜🎜🎜 はハイパーリンクの開き方を統一的に設定できます bd1e0019a156d239985355445b844428 – 新しいウィンドウで開くように全文ハイパーリンクを設定します🎜🎜🎜🎜3dff719854fc886bcce85a8b5c1e3f13 – 以前の検索エンジンの検索方法 🎜🎜🎜🎜b6b32d732b5f642810153b737e313f7e - 3 秒ジャンプ🎜🎜🎜🎜head 内のタグが head タグです🎜🎜🎜🎜title タグ: に表示される内容を示しますタグ🎜🎜🎜🎜e8e496c15ba93d81f6ea4fe5f55a2244 タグ: 設定 ページのいくつかの関連コンテンツ🎜🎜🎜🎜ベースタグ: ハイパーリンクの基本設定を設定します🎜🎜🎜🎜リンクタグ: 外部ファイルを導入します🎜🎜🎜🎜

フレームタグ

🎜フレームタグを使用する場合、ボディに記述することはできません、フレームタグが使用されているため、ボディを削除する必要があります🎜
🎜🎜&lt ;frameset> タグ🎜🎜
🎜🎜rows: 行に従って分割します635bc36c0476f015463e6d0ccb8105e3🎜🎜🎜🎜cols: 列で分割 5223d99885c98a731d42a7d0d1d3cffe🎜🎜🎜🎜🎜290de61ee751ad090e4d3b0260ae78ca🎜🎜🎜🎜詳細表示🎜🎜🎜🎜のページ

以上がJavaWeb の HTML の基本学習を詳しく紹介します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。