知識レビュー：
1）HTML 5.0（h5）は以前のバージョンよりもはるかに強力で、多くの新しいタグが追加されています
拡張機能アニメーション（フラッシュメモリリーク、Apple ipad）、
統合モバイル端末開発（ios、Android）反復作業、2つのソフトウェア会社チーム
2）CSS 3.0とH5は連携して、Webページ全体のパフォーマンスを向上させます
電子はウェブページをデスクトップアプリケーションに変えます、単語、エクセル、Baofengyingyin
はまだ十分に成熟していません
3）多くのタグ、フロントエンドの知識はバックエンドエンジニアにとって10％であり、それを書き出してページに表示します
おそらくよく使われる思い出
4）スタイルを設定し、見慣れて、意味を理解します：font-size、font-weight
視覚化
5）アニメーションは非常に豊富で、
位置：相対;
位置：アニメーションは一般的にかなりの位置です
6）バックエンド開発者の場合、フロントエンドテクノロジーと協力します
データベース（mysql）に接続して、バックグラウンドの学生
（java jdbc）からデータベーステーブルのデータをクエリします。データをクエリした
後、ページに表示します（h5 + css3）
開発者向けのフォームhtml
1）div、span、ul、liデータ表示（静的Webサイト）
2）フォーム、入力（テキスト/ラジオ/チェックボックス/ボタン）、選択
ユーザーは自分の情報を入力し、対話し、さまざまなユーザーによって区別することができます
（動的Webサイト）。ユーザー情報をバックグラウンドに送信しますspringmvc + spring + mybatis
ラベル表示名
最も古い唯一のhtmlhtml
+ css
cssパッケージ、ブートストラップ
bootstrap3（当面は4を使用せず、3は現在市場で主流であり、4と3は互換性がありません）
bootstrap3は一連のスタイル定義であり、多くの美しいスタイルが事前定義されています。
使用方法は？これらのケース分析によると、既存のページを変換します
1）フォームを表すラベルを追加します
2）ほとんどのdivはスタイルの変更を追加します
<div class="form-group"> 大多文本框div修饰
<label for="name">名称</label>
<input type="text" class="form-control" id="name" placeholder="请输入名称">
</div>
3）divの変更を確認します
<div class="checkbox">
4）ボタンのスタイルも異なります
<button class="btn btn-default"
概要：ブートストラップを使用するには、ページ上の要素を変更し、クラススタイルの装飾をたくさん追加する必要があります
ブートストラップの導入方法、スタイルシートファイルと呼ばれます
外部からスタイルシートファイルをインポートするスタイルシートファイルは実際にページに配置するためのものですスタイル：
1）要素に直接style属性を追加します
<h1 style="color:red;">学生信息管理系统</h1>
2）ページのラベルで宣言します
<style>
body{
width: 400px;
margin: 30px;
}
</style>
3）リンクタグ、複数のhtml共有
<link rel="stylesheet" href="css/bootstrap.min.css">
bootstrap.min.css .minである限り、ファイルを圧縮し、すべてのコンテンツを1行に配置します。
圧縮は、フォーマット、スペース、改行、インデントタブ（高速ダウンロード）です
。bootstrap.css通常のファイル（開発者が確認できます）