html+css学習まとめ
HTML+CSS+JQuery Web設計、検証、ジャンプ機能を実現
インターンシップの最初の週は、HTML、CSS、JQueryの機能的な学習を初歩的に完了し、プロジェクトマネージャの指導の下で情報登録ページの設計とJQueryトランザクション応答の機能を完了しました.
月曜日タスク:HTMLを使用して履歴書表を描画する
学習状況:HTMLの基礎部分の学習は基本的に完了したが、HTML+Cssの使用はまだ熟練していない.
1.開発ツール
1】apache-tomcat-6.0.37-windows-x64 2】eclipse 3.5 3】eclipse-jee-indigo-SR2-win32-x86_64 4】jd-gui 5】jdk-6u45-windows-i586 6】PLSQL Developer10.0.3.1701_keygen 7】plsqldev1004 8】TortoiseSVN-1.8.10.26129-win32-svn-1.8.11.1420009704 9】win32_11gR2_database_1of2 10】win32_11gR2_database_2of2 11】wrar521sc_setup.1426841415
【赤い部分のソフトウェアは重点的に理解する必要がある】
2.HTML知識ポイントまとめ
1)基本ラベルの使用:html、head、body、p、br、table、tr(行)、td列、img(相対パスと絶対パス)
2】ラベルは、imgおよびbrを除いて、一般にペアで表示される.
3、問題
HTMLタグのサイズを変更する場合、タグを独立して変更することはできません.
ソリューション:異なるtableに配置し、互いに影響しません.
火曜日から金曜日までのタスク:JavascriptとJQueryを熟知し、Webページの基本機能を完了します <!DOCTYPE>
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script src="C:\Users\Administrator\Desktop\2105-4-2\jquery.js" >
</script>
<script>
/* $(document).ready(function(){
$("#username").blur(function(){
var user=$("#username").val();
if(user=="1"){
alert(" ");}
});
$("#username").focus(function(){
$("#username").css("background-color","#FFFFCC");
});
});*/
var password=$("#password").val();
var assure_password=$("#assure_password");
<!-- -->
$(document).ready(function(){ // jQuery ， ： alert()
//$("#username").focus(function(){ // Jquery <script> ， <script>
//alert("OK");
//});
//$("#username").blur(function(){
//alert("hi");
$("#username").blur(function(){
if($("#username").val()==""){
alert(" ");
}
});
//});
$("#password").blur(function(){
if($("#password").val()==""){
alert(" ");
}
});
$("#assure_password").blur(function(){
if($("#assure_password").val()==""){
alert(" ");
}
});
if (password!=assure_password)
{
alert(" ");
}
});
</script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
});
});
</script>
</head>
<body>
<table align="center" width="100" height="150">
</table>
<table align="center" width="100">
<b> </b>
</table>
<br/>
<br/>
<div style="position:relative padding-top:1300px;" >
<table align="center">
<tr>
<td>
<b> </b>
</td>
<td>
<form >
<input id="username" type="text"/>
</form>
</td>
</tr>
</table>
<br/>
<table align="center">
<tr>
<td>
<b> </b>
</td>
<td>
<form>
<input id="password" type="text"/>
</form>
</td>
</tr>
</table>
<br/>
<table align="center">
<tr>
<td>
<b> </b>
</td>
<td>
<form>
<input id="assure_password" type="text"/>
</form>
</td>
</tr>
</table>
<br/>
<table align="center">
<tr>
<td>
<b> </b>
</td>
<td>
<form>
<input id="sex" name="sex" type="radio" value="male"/>
<input id="sex" name="sex" type="radio" value="female"/>
</form> <!--input -->
</td>
</tr>
</table>
<br/>
<table align="center">
<tr>
<td>
<b> </b>
</td>
<td>
<form>
<select name="year">
<option value="2014">1992</option>
<option value="2015">1993</option>
<option value="2014">1994</option>
<option value="2015">1995</option>
<option value="2014">1996</option>
<option value="2015">1997</option>
<option value="2014">1998</option>
<option value="2015">1999</option>
</select>
<select name="month">
<option value="12">12</option>
<option value="11">11</option>
<option value="10">10</option>
<option value="9">9</option>
<option value="8">8</option>
<option value="7">7</option>
<option value="6">6</option>
<option value="5">5</option>
<option value="4">4</option>
<option value="3">3</option>
<option value="2">2</option>
<option value="1">1</option>
</select>
<select name="day">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>
</form>
</td>
</tr>
</table>
<br/>
<!-- -->
<div class="info" align="center">
<div>
<select id="s_province" name="s_province"></select>
<select id="s_city" name="s_city" ></select>
<select id="s_county" name="s_county"></select>
<script class="resources library" src="http://sandbox.runjs.cn/uploads/rs/267/g3ugugjp/area.js" type="text/javascript"></script>
<script type="text/javascript">_init_area();</script>
</div>
<div id="show"></div>
</div>
<script type="text/javascript">
var Gid = document.getElementById ;
var showArea = function(){
Gid('show').innerHTML = "<h3> " + Gid('s_province').value + " - " +
Gid('s_city').value + " - / " +
Gid('s_county').value + "</h3>"
}
Gid('s_county').setAttribute('onchange','showArea()');
</script>
<br/>
<br/>
<br/>
<!-- -->
<table align="center">
<form>
<input type="button" name="registration" value=" " id="btn1" onclick="location.href='http://www.baidu.com'"/>
</form><!-- -->
</table>
</div>
</body>
</html>
<!DOCTYPE>
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script src="C:\Users\Administrator\Desktop\2105-4-2\jquery.js" >
</script>
<script>
/* $(document).ready(function(){
$("#username").blur(function(){
var user=$("#username").val();
if(user=="1"){
alert(" ");}
});
$("#username").focus(function(){
$("#username").css("background-color","#FFFFCC");
});
});*/
var password=$("#password").val();
var assure_password=$("#assure_password");
<!-- -->
$(document).ready(function(){ // jQuery ， ： alert()
//$("#username").focus(function(){ // Jquery <script> ， <script>
//alert("OK");
//});
//$("#username").blur(function(){
//alert("hi");
$("#username").blur(function(){
if($("#username").val()==""){
alert(" ");
}
});
//});
$("#password").blur(function(){
if($("#password").val()==""){
alert(" ");
}
});
$("#assure_password").blur(function(){
if($("#assure_password").val()==""){
alert(" ");
}
});
if (password!=assure_password)
{
alert(" ");
}
});
</script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
});
});
</script>
</head>
<body>
<table align="center" width="100" height="150">
</table>
<table align="center" width="100">
<b> </b>
</table>
<br/>
<br/>
<div style="position:relative padding-top:1300px;" >
<table align="center">
<tr>
<td>
<b> </b>
</td>
<td>
<form >
<input id="username" type="text"/>
</form>
</td>
</tr>
</table>
<br/>
<table align="center">
<tr>
<td>
<b> </b>
</td>
<td>
<form>
<input id="password" type="text"/>
</form>
</td>
</tr>
</table>
<br/>
<table align="center">
<tr>
<td>
<b> </b>
</td>
<td>
<form>
<input id="assure_password" type="text"/>
</form>
</td>
</tr>
</table>
<br/>
<table align="center">
<tr>
<td>
<b> </b>
</td>
<td>
<form>
<input id="sex" name="sex" type="radio" value="male"/>
<input id="sex" name="sex" type="radio" value="female"/>
</form> <!--input -->
</td>
</tr>
</table>
<br/>
<table align="center">
<tr>
<td>
<b> </b>
</td>
<td>
<form>
<select name="year">
<option value="2014">1992</option>
<option value="2015">1993</option>
<option value="2014">1994</option>
<option value="2015">1995</option>
<option value="2014">1996</option>
<option value="2015">1997</option>
<option value="2014">1998</option>
<option value="2015">1999</option>
</select>
<select name="month">
<option value="12">12</option>
<option value="11">11</option>
<option value="10">10</option>
<option value="9">9</option>
<option value="8">8</option>
<option value="7">7</option>
<option value="6">6</option>
<option value="5">5</option>
<option value="4">4</option>
<option value="3">3</option>
<option value="2">2</option>
<option value="1">1</option>
</select>
<select name="day">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>
</form>
</td>
</tr>
</table>
<br/>
<!-- -->
<div class="info" align="center">
<div>
<select id="s_province" name="s_province"></select>
<select id="s_city" name="s_city" ></select>
<select id="s_county" name="s_county"></select>
<script class="resources library" src="http://sandbox.runjs.cn/uploads/rs/267/g3ugugjp/area.js" type="text/javascript"></script>
<script type="text/javascript">_init_area();</script>
</div>
<div id="show"></div>
</div>
<script type="text/javascript">
var Gid = document.getElementById ;
var showArea = function(){
Gid('show').innerHTML = "<h3> " + Gid('s_province').value + " - " +
Gid('s_city').value + " - / " +
Gid('s_county').value + "</h3>"
}
Gid('s_county').setAttribute('onchange','showArea()');
</script>
<br/>
<br/>
<br/>
<!-- -->
<table align="center">
<form>
<input type="button" name="registration" value=" " id="btn1" onclick="location.href='http://www.baidu.com'"/>
</form><!-- -->
</table>
</div>
</body>
</html>