第6週

HTML5

https://www.w3.org
https://www.w3schools.com
Web標準-
Client Side Script : html, javascript, vb,.... <---- ブラウザは分析の主体です
Server Side Script : jsp/servlet , asp/aspx, php,..... <---- Webサーバは分析の主体です
書式>
New Document

拡張子:.html /.htm
HTML:文書Html構造(フォーマット)
tag:ペア<=>単項ラベルを含む
CSS:設計
JavaScript:アクション、機能(イベント処理)、検証...

設定

これはTagの練習です.
Server Side Script :
クライアントSide Script<---サーバが配備されていなくても実行されます.Webブラウザのみが実行されます.ブラウザは解析されているからです.

エディタ:メモ帳、編集プラス、Ultraedit、...ハングル

、このクリップで編集できるなど
Webサーバの構築:Tomcat、Webロジック、Web spire、Rosen、...
http://apache.org/
http://tomcat.apache.org/
1)取付
2)フォルダタイプ

環境変数の設定
TOMCAT_HOME
C:\app\apache-tomcat-8.0.45
pathの編集:
;%TOMCAT_HOME%\bin;

Oracleポート番号の確認と変更
SQL> sqlplus/nolog
SQL> conn/as sysdba
SQL> select dbms_xdb.gethttpport() from dual;
8080
SQL> exec dbms_xdb.sethttpport(9090);
SQL> select dbms_xdb.gethttpport() from dual;
トムターゲットポート番号(8080)をTomcatで変更するには:
1)設定ファイルの変更:server.xml
2)このクリップを変更-1,2
トムカードのポート番号を確認します
C:\app\apache-tomcat-8.5.63\conf\server.xml
http://192.168.1.15:8080/day30_html/html/ex01_basic.html
HTML5 & CSS & Javascript

コメント
DOCTYPE

4.0.x

5.x
html-柔軟性/xml-厳格

http://192.168.1.15:8080/day31_html/html/ex03_list.html
CSS
タグ属性=値
cssが適用されている場合
選択者{タグ属性:値;}
CSS & CSS3
1) inline

><img src="../images/1.jpg"  style="border: 3px solid skyblue; ">
<img src="../images/1.jpg"  style="속성: 값 ; 속성: 값;.... ">

2) internal

   <style type="text/css">
 	body { background-color: pink; }
 	
 	img { border: 5px dashed red; } 
 	
	.accent {
		font-size: 20px;
		color: red;
		font-weight: bold;
	}
	span#blue { color: blue; }
   </style>

3) external <--- file.css

 <link href="../css/style.css"  rel="stylesheet"  type="text/css"  >


 태그 속성="값"

 css 적용한 경우    
 선택자 {  속성 : 값 ; 속성: 값,...}
 선택자, 선택자2, 선택자3 {  속성 : 값 ; 속성: 값,...}
 선택자 서브엘리먼트 {  속성 : 값 ; 속성: 값,...}
  p  em  {  속성 : 값 ; 속성: 값,...}
  div span  {  속성 : 값 ; 속성: 값,...}
 
 .className  {  속성 : 값 ; 속성: 값,...}
 ex) .accent  {  속성 : 값 ; 속성: 값,...}
      .red { color : red; }

 선택자.className  {  속성 : 값 ; 속성: 값,...}
 ex) p.blue  {  속성 : 값 ; 속성: 값,...}

 #idName  {  속성 : 값 ; 속성: 값,...}
 ex) #header  {  속성 : 값 ; 속성: 값,...}
      div#id  {  속성 : 값 ; 속성: 값,...}


<a href="site"> site </a>
<a href="mailto:[email protected]"> 관리자 </a>

chromeの追加機能
https://chrome.google.com/webstore
HTML5 & CSS & Javascript
質問]学生対象-名前、クラス、学年
従業員オブジェクト-名前、部門、職階、連絡先
データ値の挿入と出力のためのオブジェクトの作成
json

var obj = {
	필드 : 값,
	필드 : 값,
	필드 : 값,....
	메소드명 : function() {
		내용; 
	}
};

var obj = {

	[
		필드 : 값,
		필드 : 값,
		필드 : 값,.....
		메소드명 : function() {
				내용;
			}
	],
	[
		필드 : 값,
		필드 : 값,
		필드 : 값,.....
		메소드명 : function() {
				내용;
			}
	]
};

JSP
<%:jsp開始フラグ

%> : jsp 닫는 태그

転送方法:get/post