超文本协议HTML
<!DOCTYPE HTML>
<html><head><meta charset="utf-8"> <style> /*Css*/.sty1{height:100px;width:100px;background-color: red;margin-top: 10px;float:left;margin-left: 10px;box-shadow: 10px 10px 10px #000000;} /*margin-top 上边距*//* float 浮动属性*/ /*margin-top left 可以放到页面任何地方*/.sty2{margin-left: -50px;background-color: green;margin-top: 60px;transform: rotate(30deg);}/*旋转30度*/ /*向右偏 向下偏 渐变*/.sty3{opacity: 0.8; border-radius: 10px;} /*透明度 圆角属性*/.sty4{background-color: white;border-radius: 10px;box-shadow: 0px 0px 10px #00f;}</style></head>
<body>你好<input type="text" /><input type="button" value="按钮" /> <select><option>选择1</option><option>选择2</option><option>选择3</option><option>选择4</option></select> <div class="sty1" onclick="m0()"> </div> <!--万能标签;style可以在任何一个标签--><div class="sty1"> </div> <!--div 属性很精确，其他可能有误差--> <div class="sty1"> </div> <!--默认从上到下--><div class="sty1"> </div><div class="sty1 sty2 sty3"> </div> <!--相同属性覆盖，不同保留--><div id="aaa" class="sty1"> </div> <!-- id和class之间不需要; --><div class="sty1 sty4"> </div></body><script> // 54:00 JavaScript（和java没关系） 弱类型（PHP、PYTHON） 简单但是性能差var x1=90;var x2="adava";var x3=[1,2,3,1]; //数组var x4='afag'; //也是字符串var x5=23.5;var x6=[12,2.3,'adfa',"wdwd",[1,3.2,"adw"]]; //！var x7=m1(2,9); //函数使用可以在函数定义上面var x8=m1(2,"hae");var x9=m1("af","gedf");function m1(a,b){return a+b;}// console.info(x7);//控制台输出// console.info(x8);// console.info(x9);function m0(){setTimeout("m2()",3000);}function m2(){// alert("大家好");var w=document.getElementById("aaa");w.style.height="120px";w.style.transform="rotate(45deg)";}</script>
</html>免安装的叫做绿色程序（解压即可使用，对操作系统来说负担会小）
tomcat默认端口8080
bin--脚本所在目录
conf---配置文件所在目录
lib---函数库所在目录
logs---日志
webapps-----存放网站的地方
.bat windos下的脚本 .sh是shell脚本
chmod 777 *.sh .sh结尾的权限都变为777
在bin目录下 sh startup.sh 启动（或者./startup.sh） shutdown.sh 关闭
<!DOCTYPE HTML>
<html><head><meta charset="utf-8"> <style> /*Css*/.sty1{height:100px;width:100px;background-color: red;margin-top: 10px;float:left;margin-left: 10px;box-shadow: 10px 10px 10px #000000;} /*margin-top 上边距*//* float 浮动属性*/ /* float，css的一种属性，主要属性值为：left（左浮动）、none（不浮动）、right（右浮动）、inherit（继承父元素浮动），多用于网页排版。 *//*margin-top left 可以放到页面任何地方*/.sty2{margin-left: -50px;background-color: green;margin-top: 60px;transform: rotate(30deg);}/*旋转30度*/ /*向右偏 向下偏 渐变*/.sty3{opacity: 0.8; border-radius: 10px;} /*透明度 圆角属性*/.sty4{background-color: white;border-radius: 10px;box-shadow: 0px 0px 10px #00f;}</style></head>
<body>你好<input type="text" /><input type="button" value="按钮" /> <select><option>选择1</option><option>选择2</option><option>选择3</option><option>选择4</option></select> <div class="sty1" onclick="m0()"> </div> <!--万能标签;style可以在任何一个标签--><div class="sty1"> </div> <!--div 属性很精确，其他可能有误差--> <div class="sty1"> </div> <!--默认从上到下--><div class="sty1"> </div><div class="sty1 sty2 sty3"> </div> <!--相同属性覆盖，不同保留--><div id="aaa" class="sty1"> </div> <!-- id和class之间不需要; --><div class="sty1 sty4"> </div></body><script> //JavaScript（脚本语言 和java没关系） 弱类型（PHP、PYTHON） 简单但是性能差var x1=90;var x2="adava";var x3=[1,2,3,1]; //数组var x4='afag'; //也是字符串var x5=23.5;var x6=[12,2.3,'adfa',"wdwd",[1,3.2,"adw"]]; //！var x7=m1(2,9); //函数使用可以在函数定义上面var x8=m1(2,"hae");var x9=m1("af","gedf");function m1(a,b){return a+b;}// console.info(x7);//控制台输出// console.info(x8);// console.info(x9);function m0(){// setTimeout("m2(1)",3000);m2(1);}function m2(x){// alert("大家好");var w=document.getElementById("aaa");w.style.height=(100+x)+"px";w.style.transform="rotate("+x+"deg)";x+=1; //可以增加2、3 使它变化更快if(x>300){x=1;}setTimeout("m2("+x+")",10); //最快1s运行10次}</script>
</html>
